Design by hand
Select, draw, nest, rename, resize, reorder, and style native layers with a Figma-style desktop workflow.
Design on canvas. Build with Codex.
Figmaboy is a local-first desktop design workspace with a familiar canvas and the Codex CLI built into the same window.
Two ways to work, one native document
Section titled “Two ways to work, one native document”Use the canvas directly for frames, type, shapes, images, effects, and precise inspector edits. Open the embedded terminal with Ctrl + ` when you want Codex to inspect or change the current design through the Figmaboy MCP server.
Build with Codex
Ask for a section or complete screen. Codex can create semantic layer trees, review screenshots, and save the result.
Reuse saved designs
Give Codex a copied design ID—or a unique file name—and it can load the visual preview and page layers while Figmaboy is closed.
Stay local
Designs autosave to a local SQLite workspace. Offline MCP access is read-only, and live mutations pass through the editor.
The shortest path to your first Codex-built screen
Section titled “The shortest path to your first Codex-built screen”- Install Figmaboy and connect Codex for your operating system.
- Create or open a design in Figmaboy.
- Open the terminal with Ctrl + `, start Codex, and describe the screen you want.
- Ask Codex to visually review the finished frame, then refine it by hand or with another instruction.
Current release: v0.2.0. Offline design context, copied design IDs, and standalone MCP binaries are included in the latest GitHub release.
How the pieces fit
Section titled “How the pieces fit”Codex CLI ── JSON-RPC over stdio ──► figmaboy-mcp │ ┌───────────────────┴───────────────────┐ │ │ read-only SQLite authenticated bridge saved context live inspect + edit │ │ └──────────── Figmaboy desktop ─────────┘Continue with the quickstart for a complete first workflow, or read Codex and the MCP for the architecture and safety model.