Design interfaces with Codex.

Figmaboy puts the Codex CLI beside a native design canvas. Signed in with the ChatGPT account you already use. No API key or MCP setup.

v0.5.5 · Linux, macOS, and Windows
BackRadio conceptSaved locally
Sonic 60 mobile radio interface created as native Figmaboy layers
The real Figmaboy editor with Sonic 60, a design made from 183 editable layers.

Design the same file together.

Codex reads the open design and changes the native layers you edit by hand. Every result stays selectable, movable, and ready for another pass.

  1. 1

    Open a frame.

    Select the screen or component you want to change.

  2. 2

    Describe the outcome.

    Codex inspects the current layers, makes the change, and reviews the rendered frame.

  3. 3

    Keep designing.

    Edit the result yourself or continue the conversation without flattening your work.

Select a frame and type /evolve with a direction. Figmaboy keeps the original untouched, creates an empty frame beside it, and invents a new composition one visible pass at a time.

How reconstruction works
Reference
Reconstruction
CodexDesign
/evolve Rebuild this radio app with a simpler hierarchy.
Reconstructing designPass 3 · Building playback controls
Ask anything about this design ↑

Download Figmaboy.

Open source for Linux, macOS, and Windows.

Download Figmaboy