Figmaboy — a quieter way to makeSkip to contentDownload Figmaboy<br>Figmaboy + Codex / 01<br>Where designmeets thecommand line.<br>A focused desktop design workspace with the Codex CLI built directly into the canvas. Design, ask, run, and review without leaving the file.<br>Get started Download Figmaboy ↓<br>Linux · macOS · Windows / v0.2.0<br>Local-first workspace · MCP companion included<br>CLI BUILT IN
FIGMABOY / CODEX–01CODEX<br>Untitled / Page 01▶<br>LAYERSRadio appNow tuningPresets<br>TOOLS<br>↖□T<br>RADIO / 001<br>Make<br>better.
Native layers.<br>Clear decisions.<br>01
▣Bash ~/projects/radioLIVE<br>› codex "Refine the selected radio frame"<br>✓ Read 42 layers · Edited 6 · Saved locally<br>› Ask Codex…
LOCAL FIRST / NATIVE LAYERS<br>SERIAL NO. 2026–0715
MODE
ZOOM
01 — DESIGNED FOR FOCUSVERSION 0.2.0 / JUL 2026
02 / Principles<br>Less interface.<br>More intention.
01 USEFUL, BEFORE DECORATIVE<br>02 CLEAR AT FIRST GLANCE<br>03 BUILT TO OUTLAST TRENDS
CORE FEATURE / 01Codex is part of<br>the workspace.<br>Ask Codex to build, edit, inspect, run, or explain. It sees the open design through MCP—and its work stays visible beside the canvas.<br>PROJECT-AWARE / LOCAL / REVIEWABLE
▣Bash ~/projects/radioCODEX<br>› Build the radio screen from this page<br>• Reading design capabilities and open document<br>• Creating semantic native frames and controls<br>✓ Screenshot reviewed · document saved<br>› Continue refining on canvas…
02Command by intent.<br>Describe the screen or change. Codex works through real frames, groups, text, shapes, icons, and images.<br>NATIVE LAYERS / ATOMIC EDITS
Ask Codex…<br>Edit selected screen ↵<br>Explain this component
03Use saved designs offline.<br>Reference a design by copied ID or unique name. Codex receives its visual preview and native layers while Figmaboy is closed.<br>STABLE IDS / READ-ONLY CONTEXT
ID<br>PNG<br>JSON
A / GPT-IMAGEgenerate a phone ui of a very stunning chill braun deter rams era inpired radio appRASTER OUTPUT<br>B / FIGMABOYUse figmaboy mcp and generate a phone ui of a very stunning chill braun deter rams era inpired radio appNATIVE DESIGN
A / GPT-IMAGE RASTER<br>HOVER TO PAN · CLICK TO OPEN ↗TAP TO OPEN FULL SIZE ↗Basic, unrealistic, flattened.<br>It resembles a UI, but its oversized, presentation-first composition is not grounded in a practical phone experience. As one raster, nothing can be selected or refined.<br>View full design ↗
B / FIGMABOY NATIVE UI<br>HOVER TO PAN · CLICK TO OPEN ↗TAP TO OPEN FULL SIZE ↗Beautiful, grounded, editable.<br>A believable interface with practical hierarchy, spacing, and controls—built as native layers you can select, rearrange, and keep shaping.<br>View full design ↗
THE DIFFERENCEGPT Image makes a basic impression of a UI. Figmaboy makes a grounded interface you can actually build from. Get realistic structure, native layers, and a design that is ready to inspect, refine, and hand off.
OUTPUTFLATTENED PNG → NATIVE LAYERS<br>REFINEMENTREGENERATE → SELECT + EDIT<br>HANDOFFVISUAL REFERENCE → STRUCTURED DESIGN
ACTUAL FIGMABOY WORKSPACELANDING + DOCS + CODEX CLIVIEW FULL SCREENSHOT ↗
Radio concept — 82%<br>LAYERS<br>FORM / FUNCTIONMake less.<br>Mean more.
INSPECTORX080<br>Y112<br>W334<br>H346
▣Bash ~/projects/radio● LIVE<br>› Refine the selected hero frame<br>• Reading the open document and project context<br>✓ 1 frame reviewed · saved locally<br>› Ask Codex…
01<br>Design and direct,<br>side by side.<br>The embedded terminal and live MCP keep the instruction, canvas, layer tree, and visual evidence in one window.<br>CONTEXTOPEN DESIGN<br>LOOPDESIGN + CODE<br>HANDOFFSAVED LOCALLY
07 / Get Figmaboy<br>Make room for<br>the work.
Download Figmaboy ↓Open source · v0.2.0<br>Linux · macOS · Windows