Instrument x Seth Akkerman

Projects

Type:
Tech:
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 WebSockets SQLite NFC OpenAI
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