Agents & AI
Use the in-app Agent Panel, local MCP tools, and hosted generation to work with Fanta designs.
Fanta combines an editable design canvas with an in-app agent, a local MCP connection for external agents, and hosted tools for generating media. These are related workflows, but they expose different controls.
Choose a workflow
| Workflow | Use it for | Where it runs |
|---|---|---|
| Agent Panel | Ask for design changes, or plan and apply a plan in a chat thread | In Fanta |
| Build mode | Give a brief, then review and accept, retry, or skip each agent-built task | In Fanta, with the v2 service |
| Local MCP | Let an external agent inspect and edit the open canvas | Through the running desktop app |
| Generation Workspaces | Generate images, video, audio, vectors, and masks | Hosted models, with results reviewed in Fanta |
| FNX and managed JSON source | Edit detailed design properties and review source diffs | In project files |
The local MCP server exposes thirteen tools for canvas state and edits, design-system inspection, source validation, image import, comments, activity, and screenshots. The in-app agent has related design-state, edit, screenshot, design-system, comment, and generation-placement tools. Their names and permissions differ; see the external tool reference and Agent Panel.
The documented external-agent bridge and in-app local agent process workflows apply to a non-Store build. A Mac App Store feature build prevents Fanta from launching local external agent and MCP processes or terminal tools. Remote HTTP MCP connections can still be configured in Settings. Build differences →
A reliable design loop
- Open a Fanta project or an imported Figma document in the desktop app.
- Read the editor state and Fanta's design guidelines.
- Inspect relevant node IDs, existing variables and components, open comments, and a screenshot.
- Apply one small, labeled batch for a visible component or screen section. Its operations paint in sequence and commit as one undo step.
- Capture another screenshot and inspect the result.
- Revise as needed, address review comments, then save or export for handoff.
A batch_design call streams a visible preview and finishes as one undoable transaction. If an operation fails or the call is canceled, the preview rolls back. The edit response includes IDs for created nodes. Use exact IDs from the current document, not layer names. The operation vocabulary includes gradient paints, effects, grid layout, component variants, variables, and instance properties. For changes outside that vocabulary, read the full FNX or managed JSON source and validate a complete candidate before writing it. Report a stable agent identity and focus to let the user follow work across pages and source tabs.
The local MCP connection works against the design open in the running desktop app. Fanta-hosted AI requires sign-in and purchased credits for public accounts; available models and prices come from Fanta's live catalog. Buy subscriptions or credit packs through web Billing. See pricing and credits.
See reference-grounded design and review and revision for practical workflows.