Instrument x Seth Akkerman

Projects

Type:
Tech:
Figma Pattern Generator Plugin

Figma Pattern Generator Plugin

A Figma plugin that turns any component into a repeating pattern — with support for mixing two components, individual scaling, isometric rotation, and a live in-panel preview so you can dial in the output before committing.

Tools Figma Plugin API TypeScript HTML/CSS
AI-Powered Careers Chatbot

AI-Powered Careers Chatbot

A conversational candidate screening tool built into a careers page that collects candidate profiles through natural dialogue, matches them to open roles, and submits structured data directly into Lever — complete with source tagging, deduplication, and a live data console.

Prototypes OpenAI API Lever API Netlify Functions Vanilla JavaScript HTML CSS Netlify
Custom GPT for Creative Agency

Custom GPT for Creative Agency

A custom ChatGPT bot built for Instrument that answers questions about the agency's culture, leadership, values, and case studies — pulling live data from internal Google Docs via a custom function.

Tools ChatGPT OpenAI GPTs Google Docs API PDF Knowledge Files
AI Brand Layout Generator

AI Brand Layout Generator

A web tool that generates on-brand marketing layouts with built-in contrast analysis and AI-powered brand compliance checking — built specifically for Nordstrom's creative workflow.

Tools React Express Flask OpenAI GPT-4o AWS Rekognition Netlify DigitalOcean TailwindCSS
AI Video Ad Performance Analyzer

AI Video Ad Performance Analyzer

A full-stack platform that ingests video ad creatives from YouTube or Google Drive, runs computer vision analysis on each asset, and correlates visual and audio features with real performance metrics from Google Ads and Meta.

Tools Next.js TypeScript Tailwind CSS Modal.com Supabase OpenCV MediaPipe EasyOCR Python Netlify yt-dlp
Float Availability FigJam Plugin

Float Availability FigJam Plugin

A FigJam plugin that syncs live capacity data from Float directly onto a team availability board — recoloring each person's card by discipline and appending their open hours for the next four weeks. One click replaces what would otherwise be a manual update across 60+ cards.

Tools FigJam Plugin API TypeScript Netlify Functions Float API ESBuild
Float Capacity Planning Tool

Float Capacity Planning Tool

An internal web tool that surfaces planned team capacity from Float — supporting preset views, guided filters, and natural-language search so producers and ops teams can find the right people with the right availability in seconds.

Tools Float API Netlify Functions Instrument Sans Instrument Serif Vanilla JS CSS
Automated HubSpot Pipeline Reports

Automated HubSpot Pipeline Reports

A GitHub Actions-powered automation that pulls live deal data from HubSpot every weekday and generates a formatted Slack canvas — surfacing wins, active pitches, and kickoffs without anyone having to manually post a thing.

Tools Node.js GitHub Actions HubSpot API Slack API Slack Canvas API
HubSpot Pipeline Synced to FigJam

HubSpot Pipeline Synced to FigJam

A Figma plugin that pulls live HubSpot deal data directly into FigJam, rendering color-coded pipeline and win/loss tables that update on demand. No more screenshotting CRM views — your canvas stays in sync with your sales data.

Tools Figma Plugin API TypeScript HubSpot API Netlify Functions FigJam
Figma Variant Usage Tracker

Figma Variant Usage Tracker

A Figma plugin that scans your entire file and counts how many times each component variant is actually used — then stamps that count directly next to the variant in your component set.

Tools Figma Plugin API TypeScript JavaScript
Figma Ad Resizer Plugin

Figma Ad Resizer Plugin

A custom Figma plugin that intelligently copies layout from a guide frame to multiple ad sizes — using a SafeZone system to anchor elements correctly across wildly different aspect ratios.

Tools Figma Plugin API TypeScript OpenRouter API
AI Sales Deck Generator

AI Sales Deck Generator

A Google Sheets-powered presentation engine that auto-generates fully populated, client-ready Uber for Business sales decks on demand — swapping copy, data, charts, and slide logic without anyone touching the source file.

Tools Google Slides Google Sheets Google Apps Script Google Drive
AI Speech Outline Generator

AI Speech Outline Generator

A Google Docs add-on that generates structured speech outlines directly inside a document — audience, topic, duration, tone, and brand inputs feed an OpenAI model that inserts a formatted table ready to present from.

Tools Google Apps Script OpenAI API GPT-4o Google Docs
Photoshop Auto Color Palette Script

Photoshop Auto Color Palette Script

A Photoshop script that takes a single hex color and automatically generates and maps a full nine-variation color palette across a layered gradient template — no manual layer hunting required.

Tools Photoshop ExtendScript Adobe Scripting API
Figma Ad Copy Character Counter

Figma Ad Copy Character Counter

A Figma plugin that automatically detects and corrects character counts embedded in ad copy text layers — no more manually counting headlines and descriptions. Built for ad creative workflows where copy specs like '30 character max' need to be verified and tracked across dozens of variants.

Tools Figma Plugin API TypeScript JavaScript
Typography Translated Into Sound

Typography Translated Into Sound

A creative coding experiment that converts letterform XY coordinates into WAV files — then reconstructs the typography from audio back into visuals. Type becomes sound becomes type again.

Experiments Python Ableton Live WAV Audio SVG Lissajous Visualizer
Figma Plugin for Campaign Briefs

Figma Plugin for Campaign Briefs

A custom Figma plugin that pulls live campaign data from Airtable and auto-populates creative brief templates — cutting manual copy-paste work across dozens of deliverables. Built for the Crocs global marketing team, it syncs campaigns, deliverables, assets, regions, and Bynder image references directly into Figma in one click.

Tools Figma Plugin API Airtable API Bynder Compact View TypeScript JavaScript HTML
Wind-Controlled Foliage with a Hand-Worn IMU

Wind-Controlled Foliage with a Hand-Worn IMU

A hand-worn IMU streams orientation data into Unreal Engine 5 to drive real-time wind-sway on foliage — mirrored in a from-scratch Three.js build that needs no hardware at all.

Creative Technology Unreal Engine 5 ESP32 MPU-6050 IMU OSC (Open Sound Control) Python Three.js WebSerial API DeviceMotion API Material Parameter Collections GLSL / Custom Shaders
Variable Font Controller

Variable Font Controller

A peer-to-peer experiment that turns your phone into a wireless controller for manipulating variable font axes on screen

Experiments PeerJS WebRTC Variable Fonts QR Code JavaScript
Spider Diagram Brainstorming Tool

Spider Diagram Brainstorming Tool

An interactive web-based brainstorming tool based on Frank Chimero's method, generating spider diagrams and creative campaign ideas from concept exploration

Creative Technology JavaScript AI/LLM Data Visualization D3.js
Reactive Branding: Logos That Respond to You

Reactive Branding: Logos That Respond to You

A generative particle system that transforms static brand identities into living, responsive experiences using hand tracking and face tracking

Experiments Hand Tracking Face Tracking WebGL Particles MediaPipe
Claude AI Assistant for After Effects

Claude AI Assistant for After Effects

An After Effects extension that lets you prompt Claude directly inside the app — using the AE expression and script API to animate layers, add keyframes, and manipulate compositions through natural language

Tools Experiments After Effects Scripting API After Effects Expressions Claude JavaScript CEP Extensions
Downloading Original Images

Downloading Original Images

A Figma plugin that extracts the original full-resolution images embedded in frames — with 1x and 2x export options, inline renaming, and bulk download or direct Drive delivery

Tools Figma Plugin API Google Drive API JavaScript
Quick Renaming

Quick Renaming

A Figma plugin for batch renaming frames with a custom base name, separator style, and numeral format — ordered by selection and built for fast export prep

Tools Figma Plugin API JavaScript
Figma to Drive Exporting

Figma to Drive Exporting

A Figma plugin that exports frames directly to Google Drive — authenticating via temporary access token, detecting languages from frame names, and building organized sub-folders automatically

Tools Figma Plugin API Google Drive API OAuth JavaScript
Brand Gut Checker: AI-Powered Design Review in Figma

Brand Gut Checker: AI-Powered Design Review in Figma

A Figma plugin that evaluates designs against brand guidelines using multiple LLM vision models, revealing how differently AI interprets visual content

Tools Figma Plugin API OpenRouter Claude GPT-4 Vision Brand Guidelines
Live Diffusion Visuals with TouchDesigner

Live Diffusion Visuals with TouchDesigner

A TouchDesigner project generating real-time Stable Diffusion visuals controlled by hand and face tracking — plus a reflection on the creative technology mindset

Creative Technology TouchDesigner Stable Diffusion Fal API OpenAI Hand Tracking Face Tracking WebSockets
Interactive p5.js Playground

Interactive p5.js Playground

A live-editable creative coding playground built around generative geometry, designed to make p5.js approachable for designers

Experiments Creative Technology p5.js JavaScript Generative Art Creative Coding
GPTranslate: On-Asset Localization

GPTranslate: On-Asset Localization

A Figma plugin suite that translates ad layouts directly on the canvas — with character constraints, platform-aware tone, casing rules by language, and a layout analysis mode

Tools Figma Plugin API OpenAI JavaScript Localization Brand Systems
Audio-Reactive SVG Visualizer

Audio-Reactive SVG Visualizer

A browser-based audio visualizer that animates any SVG logo in response to microphone input — featuring custom SVG upload so visitors become participants

Experiments Web Audio API SVG Animation JavaScript Microphone Input
Offchain Copy Helper

Offchain Copy Helper

A custom GPT trained on Aerial Wallet's brand guidelines that acts as an always-available writing partner for UI microcopy and marketing copy

Tools Custom GPT OpenAI Brand Systems Prompt Engineering
Brand Layout Parser & Gradient Contrast Checker

Brand Layout Parser & Gradient Contrast Checker

Two tools: a Figma file parser that reads designs directly via the API, and a contrast checker that actually works on gradients and image backgrounds

Tools Figma API Image Analysis WCAG Contrast Accessibility Canvas API
Dream Recorder

Dream Recorder

A physical device that captures spoken dreams and transforms them into AI-generated video visualizations — built from a Raspberry Pi, touch screen, and open-source plans

Creative Technology Raspberry Pi ChatGPT API Luma Labs 3D Printing Hardware
Figma Plugins: GP Translator, Pattern Maker & Orb Maker

Figma Plugins: GP Translator, Pattern Maker & Orb Maker

A trio of Figma plugins — AI-powered translation with tone matching, a pattern generator from existing components, and a color-matched orb overlay creator

Tools Figma Plugin API ChatGPT API Pattern Generation Image Analysis
Google Opal: Chaining AI Into Real Workflows

Google Opal: Chaining AI Into Real Workflows

Using Google's experimental Opal tool to build a multi-step AI workflow that automates brand landscape research from start to finish

Tools Google Opal AI Workflows Competitive Research
AI Video Generation: Animating Illustrations Across 8 Tools

AI Video Generation: Animating Illustrations Across 8 Tools

A comprehensive comparison of AI video generation tools for animating illustrations, testing Runway, Veo, Luma, MiniMax, Midjourney, Sora, and more

Experiments Runway Google Veo Luma MiniMax Midjourney Sora Weevi
Copy Doc Creation

Copy Doc Creation

A Figma plugin with two sync modes that pipes copy and frame data directly into Google Sheets — eliminating manual handoffs for translation and transcreation workflows

Tools Figma Plugin API Google Sheets API OAuth JavaScript
AI Visual Usability Checker

AI Visual Usability Checker

An AI-powered tool that generates attention heatmaps and focus scores for designs — like eye tracking without the lab setup

Tools AI Vision Models Eye Tracking UX Research
EA Color Theme Generator

EA Color Theme Generator

A Figma plugin that extracts the primary color from any uploaded image and automatically builds a full, brand-aligned color scheme from it

Tools Figma Plugin API Color Theory JavaScript Base64 Brand Systems
First Look at Figma Make

First Look at Figma Make

Exploring Figma's new AI-powered Make feature — turning static dashboard designs into interactive prototypes with state management and 3D charts

Experiments Figma Make Three.js Prototyping
Gemini Canvas: Vibe Coding a Tetris Game

Gemini Canvas: Vibe Coding a Tetris Game

Testing Google Gemini's Canvas feature by prompting it to build a fully playable Tetris game from scratch in under two minutes

Experiments Google Gemini Canvas Vibe Coding
EA Cropping Tool

EA Cropping Tool

A web-based image tool that automatically removes backgrounds, places game IP characters inside brand shapes, and exports production-ready assets with a breakout effect

Tools Background Removal API Canvas JavaScript Image Processing Brand Systems
JSON Aesthetic Prompting

JSON Aesthetic Prompting

Using structured JSON data to define and control AI image generation styles — retexturing icons across dozens of aesthetic directions in minutes

Experiments ChatGPT JSON AI Image Generation
Better Sora Prompts: The Art of AI Direction

Better Sora Prompts: The Art of AI Direction

A walkthrough of prompt engineering techniques for OpenAI's Sora — how to go from basic prompts to cinematic results using iterative rewriting

Experiments OpenAI Sora ChatGPT Prompt Engineering
EA Logo Customizer

EA Logo Customizer

A password-protected web tool that lets Electronic Arts employees generate on-brand logo variants and export them as PNG or SVG — no designer required

Tools Netlify SVG JavaScript Brand Systems Netlify Identity
Instrument Open House Experience

Instrument Open House Experience

A distributed event experience system — one hub controlling six screens across an office, with real-time WebSocket orchestration, NFC tap-to-check-in, and personalized welcome moments for each guest

Prototypes Node.js Fastify WebSockets Firebase / Firestore OpenAI OpenAI gpt-image-1.5 OpenRouter GPT-4.1-mini p5.js Three.js NFC PC/SC NFC Reader PDFKit
Afterpay Campaign Generator

Afterpay Campaign Generator

A custom Figma plugin that generates entire campaign asset libraries from a Google Spreadsheet and Drive folder — cutting production time and cost by more than half

Tools Figma Plugin API Google Sheets API Google Drive API OAuth JavaScript
Brand Guard GPT

Brand Guard GPT

A custom GPT that acts as an always-on brand guardian — upload a design, get a score, and even a redesign suggestion

Tools ChatGPT Custom GPTs Markdown Brand Guidelines PDF
AI Brand Evaluator

AI Brand Evaluator

An AI-powered brand compliance tool that scores your designs against brand guidelines — paste your standards, upload your work, and get an instant gut check

Tools AI Vision Models Brand Guidelines Web App