Apple Silicon macOS · Public Alpha available

Design as code.
Native speed.
Built for agents.

Fanta is a native design editor on a code-editor core. Open Figma .fig files, keep every canvas as git-diffable source, and let AI agents apply reviewable changes beside you.

Local projects. Your tools, keys, and agents. Connected services use the models and credits enabled for your account.

Interactive canvas

Illustrative web demo · make a small change

Loading canvas
Sample canvas
Select a layer

Watch the scene build, then click an object to make it yours. Add a shape, type a headline, or draw directly on the canvas.

This is a web canvas

An interactive illustration of Fanta’s workflow. Download the native app for FNX projects, variables, motion, and Git.

Preparing your canvas…

Click a layer to edit. Drag to move; use the handles to resize.Changes stay in this preview.

From the native app

Design. Source. Agents.

Follow one project from canvas edits to readable FNX and a reviewable agent change. Recorded in the native macOS app, with captions on every walkthrough.

Poster from Fanta in 53 seconds

Silent recording · captions on

Open silent MP4

Start here

Fanta in 53 seconds

A quick look at native editing, source and Git, and one external Opus 5.5 edit through Fanta MCP. Captions identify the later checkpoints.

Explore each complete workflow below.

Poster from Design in Fanta

Silent recording · captions on

Open silent MP4

Workflow 01

Design in Fanta

Edit native layers imported from the original .fig sample, Undo and Redo, then inspect the saved project and its actual PNG export.

  1. Edit imported native layers
  2. Undo, Redo, save and reopen
  3. Inspect the actual exported PNG
Poster from Your design is source

Silent recording · captions on

Open silent MP4

Workflow 02

Your design is source

Follow a canvas edit into readable FNX and a Git diff. Edit valid source in the Code workspace and see the canvas update.

  1. Make a canvas edit
  2. Inspect FNX and its Git diff
  3. Edit source and see the canvas update
Poster from An agent edits your design

Silent recording · captions on

Open silent MP4

Workflow 03

An agent edits your design

An external Opus 5.5 agent makes one bounded CTA change through Fanta MCP. Inspect native layers and saved FNX, then Undo and Redo.

  1. External Opus 5.5 through Fanta MCP
  2. Review the native CTA and source
  3. Undo, Redo and inspect the reopened project

Try the same project in ten minutes

Unzip Fanta Launch Card and open its native project or the included original .fig. Change one layer property, Undo and Redo, inspect its FNX, then save and reopen. The original card uses native text and shapes without third-party artwork. Keep a fresh copy before you experiment.

Work with the founder · €250 pilot

Make your first agent design workflow repeatable.

A small checked project, your existing agent, three agreed edits and source review. Start with a free 15-minute fit call; the initial cohort has capacity for three pilots.

Explore the workflow pilot
Live browser toolkit

Make the image your own.

Remove backgrounds, build precise masks, and turn pixels into vectors. Try the sample in this live browser toolkit, with processing on your machine.

Local sample processingSVG export

Samples and uploaded images are processed in your browser. Hosted AI in the Fanta app requires purchased credits.

Scroll in to warm up the on-device models…
Illustrated interface guide

Explore the document model

These interactive illustrations explain layers, components, layout, variables and the inspector. Watch the recorded workflows above for evidence from the release build.

The inspector

Properties in the document model

Select anything and the panel fills in — X/Y/W/H and rotation, opacity, per-corner radius, 16 blend modes, fills, strokes and effects, plus prototype interactions and variable bindings. The same panel a designer expects from Figma, running natively on macOS.

Align & distributePer-corner radiusBlend modesFills · strokes · effectsExport PNG · SVG · PDF
.fig import.fnx source · canvas syncAuto-layout · components · variantsPrototype · Motion · CommentsAgent design_edit — one undoable transactionOpt-in local MCP
One app, every medium

Design, Prototype, Motion and Comments — plus Canvas, Variables and Code workspaces. One native macOS shell, GPU-accelerated on Metal, in light and dark.

Layers & pages

A real layer tree with auto-layout frames, components and instances — visibility, locks, drag-to-reparent, and Pages · Components · Assets sections.

Variables & modes

Token collections with a Mode selector — Color, Number, String, Boolean and Typography variables that resolve per mode.

Design tokens

Color primitives bound to semantic tokens through variable aliases — surface, primary, accent, text — the design-system layer lives in the file.

Git-native

Pages and components serialize to git-diffable .fnx source with an .ids sidecar — every canvas edit is a reviewable diff you can branch, commit and revert in-editor.

Vector & pen

A real pen with bezier nodes and an Edit-Path node editor, freehand Pencil, plus rectangles, ellipses, stars and text — then export clean SVG.

Native editing workflows

The editor you know, re-made native

A real document model — layers, components, auto-layout, variables and version control — persisted as code and shared with agents.

The design surface

A real document, not a layer of paint

Select, draw, group and lay out real nodes. Every edit lands in the document tree and its FNX source.

Frames & groupsAuto-layoutComponentsVariablesVector pathsUndo history
checkout-flow.fnxSaved
Layers
Checkout
Header
Product
Button
You
Design systems

Tokens → variants

Components, properties and modes stay connected to code.

Button / Primary Published
Default
Hover
Pressed
Continue
2 modes
Bring your work

Open Figma files

Supported frames, layout, components and vectors remain editable. Review import warnings.

Responsive by default

Auto-layout

Hug, fill and stretch keep spacing predictable as content and frames resize.

Hug → Fill
Flows & reactions

Prototype & present

Connect frames, choose a trigger and preview transitions without exporting.

CheckoutOn tap · Smart animateSuccess
Agent-native

Agents on the canvas

Agents use the same components, constraints and document API you do.

Build a 6-frame onboarding flow from this brief.
Git-native

Every version, visible

Inspect FNX changes in Git, then review and commit your project.

Publish token modes
e7c91a · main
HEAD
Refine checkout flow
4bf120 · ui/checkout
Create button variants
a83d02 · main
When you need pixels

The generation hub

Place enabled hosted results into your design and inspect their provenance.

Generated pearlescent sculpture with a citron orb
Example artwork

Generated pixels, placed inside an editable composition.

Apple Silicon first

Native, not a browser

Apple Silicon macOS alpha. Windows and Linux planned.

macOS
Apple Silicon alpha
Windows
Planned
Ubuntu
Planned
Bring supported formats

Design files and images.

.fig
.svg
.png
.jpg
Fanta

Open .fig and supported SVG/image assets; save your project as FNX.

Your models · your custody

Run the models your way

Hosted credits

Use the generation routes enabled for your account.

Your own keys

Configure providers locally and keep full control.

Private cloud

Point Fanta at models inside your own workspace.

A different kind of editor

Not every tool is trying to solve the same problem

Fanta joins the editable design surface, readable source, local files, generation and agents in one document. The matrix below shows the workflow difference—not just a list of checkmarks.

Adobe remains deep for specialist image work, Figma is excellent for cloud collaboration, and ComfyUI is a powerful generation graph. Fanta is for creators who want those worlds to converge in an open, native workspace.

One source of truth

Canvas and FNX move together

Edit visually or edit the JSX-like document. Both views stay live, readable and bidirectional.

Local by default

A real desktop workspace

Projects live on your disk and support offline work. The alpha is for Apple Silicon macOS; Windows and Linux are planned.

Built for change

History you can inspect

Meaningful source diffs, commits, branches and agent changes belong to the same design document.

Design surface

Vector + pixel editing

Pen, pencil, shapes, masks and raster work without changing tools.

Fanta
One canvas
Figma
Vector-first
Adobe CC
Across apps
ComfyUI
No design canvas

Auto-layout + constraints

Hug, fill, stretch and responsive rules remain editable.

Fanta
Built in
Figma
Built in
Adobe CC
Varies by app
ComfyUI
Not applicable

Design systems

Components, variants, variables, modes and instance overrides.

Fanta
Native system
Figma
Native system
Adobe CC
Libraries
ComfyUI
Not applicable

Smart selection + masks

Manual paths plus local segmentation and object-aware editing.

Fanta
Local + manual
Figma
Basic masks
Adobe CC
Deep toolkit
ComfyUI
Workflow nodes

Flows + present mode

Connect frames, author reactions and play a prototype in place.

Fanta
In the editor
Figma
Built in
Adobe CC
Split workflow
ComfyUI
Not applicable
Document + workflow

Visual edit ↔ source edit

The rendered design and its code are equally editable—not a handoff view.

Fanta
Bidirectional FNX
Figma
Dev handoff
Adobe CC
Separate source
ComfyUI
Graph JSON

Files on disk + offline

Projects remain ordinary local files that you control.

Fanta
Local-first
Figma
Cloud-first
Adobe CC
Local + cloud
ComfyUI
Local

Versioning you can read

Inspect changes as source diffs and keep a visible timeline.

Fanta
Git-native
Figma
Cloud history
Adobe CC
Document history
ComfyUI
Manual Git

Open Figma files

Bring .fig documents across with frames, vectors and systems intact.

Fanta
Direct import
Figma
Source format
Adobe CC
No direct import
ComfyUI
No direct import
AI + automation

Agents inside the document

Agents can select, build and revise the same editable objects you use.

Fanta
First-class surface
Figma
AI + plugins
Adobe CC
AI + scripting
ComfyUI
API workflows

Local smart tools

Segmentation, removal and image operations can run on your machine.

Fanta
WASM / GPU
Figma
Cloud services
Adobe CC
Mixed runtime
ComfyUI
Local GPU

Hosted generation

Generate into layers with the prompt, model and run metadata attached.

Fanta
Layer provenance
Figma
Integrated tools
Adobe CC
Firefly credits
ComfyUI
Bring a runtime

Bring your own models + keys

Choose hosted credits, provider keys or a private endpoint.

Fanta
Your custody
Figma
Platform models
Adobe CC
Platform models
ComfyUI
Your runtime
Platform

Desktop builds

A focused app surface for creative work—not another browser tab.

Fanta
Apple Silicon alpha
Figma
Desktop + web
Adobe CC
Mac + Windows
ComfyUI
Desktop / self-host

Compare each workflow group above. Products evolve; this compares their primary workflow and publicly available capabilities.

Provider routes & roadmap

Choose the model for the move you need.

Explore provider families and planned workflows. The app lists the models and credit costs currently enabled for your account. Planned audio and 3D routes are outside this Public Alpha.

How each model runs
Check in app
AI access
On-device
Runs locally
Planned
On the roadmap

Showing 6 of 27 models and tools

Claude
Check in app
Agent · reasoning

Anthropic

Claude Opus

Frontier reasoning behind the design agent — a batch of canvas edits lands as one undoable transaction.

Agent
Claude
Check in app
Agent · everyday

Anthropic

Claude Sonnet

Fast, capable agent runs for everyday edits, planning and tool use across the document.

Agent
Grok
Check in app
Agent · fast

xAI

Grok

A high-throughput agent model with separate reasoning and non-reasoning lanes.

Agent
Zhipu
Check in app
Agent · efficient

Z.ai

GLM

An efficient open model for cost-sensitive agent automation and bulk edits.

Agent
Qwen
Check in app
Type + composition

Qwen

Qwen Image

Prompt-faithful image generation with especially strong type and layout rendering.

Image
Alibaba
Check in app
Fast iteration

Tongyi Lab

Z-Image Turbo

A fast draft lane for exploring a direction before spending on a final render.

Image

These are provider examples and planned routes. The app is the source for enabled hosted models and actual credit costs. The on-device SAM demo runs in this website’s browser toolkit. Models marked planned are on the roadmap.

Enabled models are shown in the app.
Architecture you can feel

One document. Every way of working.

The technical choices only matter when they make the work faster, safer and easier to own. Fanta keeps direct editing, source, history and automation in one loop.

campaign.fnx
Live document
Canvas Direct edit
You
FNX source JSX syntax
01<Frame name="Campaign">
02  <Stack gap={24}>
03    <Card
04      fill="$surface.accent"
05      radius={24}
06      padding={32}
07    />
08  </Stack>
09</Frame>
Canvas updated
Either side edits the same object
mainchange 28 · radius

Direct manipulation stays direct

Selection, transforms, vectors and layout respond on a native GPU surface—not through a browser DOM.

Canvas and source are peers

Change JSX-style FNX or drag on the canvas. Both edit the same semantic document and stay in sync.

Automation remains reviewable

Agent work arrives as a named, undoable transaction—with the resulting source diff visible in Git.

Compute follows the job

Use the unmetered local editor, Fanta-hosted generation or supported own-key agent chat without changing projects.

The same document, three compute paths

Use the smallest route that can do the job.

macOS alpha · Windows & Linux planned
Local editor

Native work stays unmetered

Canvas, vectors, source and history remain available without hosted credits.

Fanta GPU

Hosted image generation

Enabled hosted jobs use your account's current models and credit costs.

Own key

Supported agent providers

Bring Anthropic or z.ai credentials for buffered agent chat.

Files stay on disk Every edit is undoable No browser dependency
Current alpha catalog

The editor is yours. Pay for the GPU when you use it.

Local design work does not consume credits. Hosted AI requires purchased credits; public accounts receive no trial or signup credits. All purchases happen through web Billing.

Explore the new workflow

Free

Public Alpha

Explore the native editor in the Apple Silicon macOS alpha.

$0
No free AI credits

Buy a credit pack when you need hosted AI

  • Native macOS editor for Apple Silicon
  • Open and edit Figma .fig files
  • Projects on disk as diffable FNX
  • Bring your own API keys for agents
  • Direct line to the founder
Download for Mac

Create and ship every week

Pro

Web billing

A hosted AI allowance for solo creators. Choose monthly or annual billing on the web.

$24/ month

or $240 / year, billed annually

3,000 monthly credits

Released monthly on either billing cycle

  • Everything in the native editor
  • Image and video workspaces
  • Add generated results to designs
  • Editable SVG output
  • Bring your own provider keys
Open web Billing

More room to explore

Plus

One creator

A larger allowance for individual creators who use hosted AI throughout the week.

$49/ month

or $490 / year, billed annually

7,000 monthly credits

Released monthly on either billing cycle

  • The same native editor and tools
  • One individual seat
  • Hosted AI paid in credits
  • Add one-time packs when needed
  • Paid agent work excluded from Fanta training
Open web Billing

For a full creative workload

Max

One creator

Our largest individual allowance for sustained hosted AI work, with costs shown in the app.

$99/ month

or $990 / year, billed annually

15,000 monthly credits

Released monthly on either billing cycle

  • The same native editor and tools
  • One individual seat
  • Hosted AI paid in credits
  • Add one-time packs when needed
  • Paid agent work excluded from Fanta training
Open web Billing

For studios and companies

Team

Create a company workspace, invite teammates by email, and share one hosted AI balance across 5 seats.

$40/ month

or $400 / year, billed annually

6,000 shared monthly credits

Released monthly · 5 seats total

  • Same editor, one shared workspace balance
  • Owner and admin billing and usage visibility
  • Share Git project links with your teammates
Create team workspace

The editor is included

Design without spending credits

Your files stay yours

Local, readable FNX projects

Bring your own keys

Use providers you already trust

You own the output

No watermark or usage lock-in

Need extra credits?

One-time packs work with every plan. Add to your balance without starting another subscription.

Prices are in USD before applicable taxes. Annual plans are paid once a year and release credits monthly. Unused paid credits roll over. Web Billing shows available offers and checkout terms; the app shows enabled models and credit costs.

Spent AI credits are not refundable under our voluntary policy. Partial refunds of unused paid credits require manual review against original purchase terms and payment and usage evidence. Refunds required by law or the payment provider still apply. Read the billing terms.

Public Alpha available

Your next idea.
Your own canvas.

Bring your designs, build on what you know, and keep every change in your hands. Start with the Apple Silicon macOS alpha and the sample project from the demos.

Download for Mac

Prefer release updates by email?

No spam. One availability email. Unsubscribe anytime.

No credit card Files stay on your disk Direct founder feedback loop