Back to projects

Designer to GitHub.
60 seconds, no terminal.

Four Figma plugins that close the LUX 2.0 workflow loop. What used to take 30 minutes of file editing now takes one click - token sync, layout scaffolding, table generation, icon search.

Background

LUX 2.0 introduced a three-layer token architecture, a Figma-to-GitHub pipeline, and strict component standards. The existing plugin ecosystem wasn't built for any of it.

Designers were editing JSON files by hand, committing changes manually, and waiting on developers to trigger builds. Every plugin we evaluated either lacked token awareness, required developer handoff, or wasn't designed for a system of this scale. The tools didn't exist, so we built them.

The Plugins

Each plugin targets one gap. Together they cover the full design-to-production loop without leaving Figma.

Token Sync

Pushes updated design tokens from Figma straight into the pipeline. One action and tokens.json commits, the GitHub Action fires, Storybook rebuilds. No developer needed, and no terminal.

Before this existed, a colour change meant a designer filing a ticket, a developer editing JSON by hand, and a build someone had to remember to trigger. Days, for a hex value. The plugin closes that loop entirely - the designer who made the decision is the one who ships it.

How the pipeline works

Layout Creator

Scaffolds a full LUX 2.0 layout - containers, navigation, page structure - with the correct token bindings already applied. Ready to design into, not from scratch.

Table Creator

Generates data tables with configurable rows, columns and density. Every output matches the LUX 2.0 Data Table token structure exactly, without manual assembly.

Icon Library Picker

Browse and insert from the LUX 2.0 icon library - 1,281 icons searchable by name, category or meaning. Inserted at the correct size with token binding applied.

Result

The plugins removed four manual steps from the LUX 2.0 design workflow. What used to take 30 minutes of file editing and developer coordination now takes one click. Every plugin ships with the same constraint: it must work without a terminal, without a developer, and without waiting.

60s
Figma to GitHub
from token edit in Figma to a validated pull request on GitHub
1,281
Searchable Icons
icons in the LUX library, instantly browsable and insertable from Figma
0
Terminal Steps
the entire pipeline runs from inside Figma - no CLI, no developer handoff
AI use on this project

Claude was part of the build from the first line - plugin architecture, token pipeline design, GitHub API edge cases, and QA across all four tools. Every plugin went from a description to a working Figma tool without leaving the conversation.