Figmaboy + Codex  /  01

Where designmeets thecommand line.

A focused desktop design workspace with the Codex CLI built directly into the canvas. Design, ask, run, and review without leaving the file.

Linux · macOS · Windows  /  v0.2.0
Local-first workspace · MCP companion included

CLI BUILT IN
FIGMABOY / CODEX–01CODEX
Untitled  /  Page 01
RADIO / 001
Make
better.
Native layers.
Clear decisions.
01
Bash~/projects/radioLIVE
› codex "Refine the selected radio frame"
✓ Read 42 layers  ·  Edited 6  ·  Saved locally
› Ask Codex…
LOCAL FIRST  /  NATIVE LAYERS
SERIAL NO. 2026–0715
MODE
ZOOM
01 — DESIGNED FOR FOCUSVERSION 0.2.0 /  JUL 2026

02  /  Principles

Less interface.
More intention.

01USEFUL, BEFORE DECORATIVE
02CLEAR AT FIRST GLANCE
03BUILT TO OUTLAST TRENDS

03  /  Codex CLI

Your command line,
on canvas.

Codex works where the project is already open. Design, ask, inspect, and continue without breaking context.

CORE FEATURE / 01

Codex is part of
the workspace.

Ask Codex to build, edit, inspect, run, or explain. It sees the open design through MCP—and its work stays visible beside the canvas.

PROJECT-AWARE  /  LOCAL  /  REVIEWABLE
Bash~/projects/radioCODEX
› Build the radio screen from this page
• Reading design capabilities and open document
• Creating semantic native frames and controls
✓ Screenshot reviewed  ·  document saved
02

Command by intent.

Describe the screen or change. Codex works through real frames, groups, text, shapes, icons, and images.

NATIVE LAYERS  /  ATOMIC EDITS
Edit selected screen  ↵
Explain this component
03

Use saved designs offline.

Reference a design by copied ID or unique name. Codex receives its visual preview and native layers while Figmaboy is closed.

STABLE IDS  /  READ-ONLY CONTEXT
ID
PNG
JSON

04  /  The comparison

Same idea.
A more useful result.

The visual brief stayed the same. The crucial difference was asking Codex to build through Figmaboy instead of returning one flattened image.

A / GPT-IMAGEgenerate a phone ui of a very stunning chill braun deter rams era inpired radio appRASTER OUTPUT
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 PNGNATIVE LAYERS
REFINEMENTREGENERATESELECT + EDIT
HANDOFFVISUAL REFERENCESTRUCTURED DESIGN

05  /  Built in Figmaboy

This website began
on the canvas.

This is the real Figmaboy workspace behind the site: landing page and docs side by side, with Codex working in the embedded terminal below.

The Figmaboy desktop app showing the landing page and documentation designs with Codex in its embedded terminal
ACTUAL FIGMABOY WORKSPACELANDING + DOCS + CODEX CLIVIEW FULL SCREENSHOT ↗

06  /  The workspace

DESIGN + CODE, ONE WORKSPACE.
Radio concept  —  82%
FORM / FUNCTION

Make less.
Mean more.

FIGMABOY STUDIO  /  2026
Bash~/projects/radio●  LIVE
› Refine the selected hero frame
• Reading the open document and project context
✓ 1 frame reviewed  ·  saved locally
› Ask Codex…
01

Design and direct,
side by side.

The embedded terminal and live MCP keep the instruction, canvas, layer tree, and visual evidence in one window.

CONTEXTOPEN DESIGN
LOOPDESIGN + CODE
HANDOFFSAVED LOCALLY

07  /  Get Figmaboy

Make room for
the work.

Download Figmaboy

Open source · v0.2.0
Linux · macOS · Windows