better.
Clear decisions.
Figmaboy + Codex / 01
A focused desktop design workspace with the Codex CLI built directly into the canvas. Design, ask, run, and review without leaving the file.
02 / Principles
03 / Codex CLI
Codex works where the project is already open. Design, ask, inspect, and continue without breaking context.
Ask Codex to build, edit, inspect, run, or explain. It sees the open design through MCP—and its work stays visible beside the canvas.
Describe the screen or change. Codex works through real frames, groups, text, shapes, icons, and images.
Reference a design by copied ID or unique name. Codex receives its visual preview and native layers while Figmaboy is closed.
04 / The comparison
The visual brief stayed the same. The crucial difference was asking Codex to build through Figmaboy instead of returning one flattened image.
generate a phone ui of a very stunning chill braun deter rams era inpired radio appRASTER OUTPUT
Use figmaboy mcp and generate a phone ui of a very stunning chill braun deter rams era inpired radio appNATIVE DESIGN Get realistic structure, native layers, and a design that is ready to inspect, refine, and hand off.
05 / Built in Figmaboy
This is the real Figmaboy workspace behind the site: landing page and docs side by side, with Codex working in the embedded terminal below.
06 / The workspace
DESIGN + CODE, ONE WORKSPACE.The embedded terminal and live MCP keep the instruction, canvas, layer tree, and visual evidence in one window.
07 / Get Figmaboy
Open source · v0.2.0
Linux · macOS · Windows