Capabilities Documentation MCP Roadmap Fanta documentation How Fanta works and what it can do Fanta vs Figma Roadmap and current limits Inside the app Demos and examples Brand and assets

Guides Build a card with auto-layout Build a component & variants Run a multi-agent build Design-to-code with .fnx Version-control your designs

Guides

Guides

Practical workflows for the source-backed editor and thirteen MCP tools.

These workflows use the current Fanta desktop app. Each ends with a screenshot and source diff, since both are needed to review a design change.

Auto-layout card

Component and instance

Coordinate agents

Edit .fnx source

Review with Git

Agent orchestration & presence

Show live agent activity and coordinate edits without a task lock.

Build a card with auto-layout

Create and verify a small vertical composition.