FigCraft Online

FigCraft Online – Free Figma Alternative in Your Browser

Preparing FigCraft…

First visit downloads the editor once (≈8 MB). After that it opens instantly from your browser cache. Nothing you draw is uploaded.

Hero / Desktop

Free · Open source · Runs in your browser

Design interfaces in your browser, for free.

The open-source Figma alternative, running right here. Frames, auto layout, components and variants, vector networks, variables and prototypes — no account, nothing uploaded.

Start designing What is FigCraft?
commands for scripts and AI agents
400+commands for scripts and AI agents
platforms: macOS, Windows, Linux, FreeBSD, web
5platforms: macOS, Windows, Linux, FreeBSD, web
releases in its first five days
6releases in its first five days
no account, no subscription
$0no account, no subscription

Familiar from the first click

Toolbar, layers, Design panel, menus and shortcuts sit where Figma users expect them.

Private by default

No account and no telemetry. The editor runs on your device; nothing you design is uploaded by this site.

Built for AI agents

400+ commands drive the same engine from the UI, a CLI or an MCP server for Claude and other agents.

About the app

What is FigCraft?

FigCraft is a free, open-source interface design tool that recreates the Figma workflow: frames, auto layout, components and variants, vector networks, styles, variables and prototypes. Files are plain .figcraft archives on your own disk, with no account and no telemetry. It is written in Rust by the ArtCraft team and runs on Windows, macOS, Linux and in the browser.

It is alpha software: its authors estimate it is about 49% of the way to replacing Figma for real work. It opens .fig files only on a best-effort basis, and live multiplayer sessions are a preview.

Read the full FigCraft explainer

FigCraft features

Figma’s workflow, rebuilt from scratch in Rust

Auto layout in FigCraft

Auto layout

Both directions with wrap and grid, padding and gaps, Hug / Fill / Fixed sizing and on-canvas handles.

Components and variants in FigCraft

Components and variants

Main components, instances with overrides, component sets with variant properties and an Assets panel.

Prototyping in FigCraft

Prototyping

Connections, triggers, Smart Animate-style transitions, variables with conditionals and flows.

Vector networks in FigCraft

Vector networks

Pen and Pencil, vector edit mode, variable-width strokes and booleans that stay editable.

Paints and effects in FigCraft

Paints and effects

Every gradient type, image fills, blend modes, shadows, layer and background blur, and noise.

Grids, styles and type in FigCraft

Grids, styles and type

Layout grids, paint, text, effect and grid styles, and text with OpenType features and right-to-left support.

Screenshots and designs: FigCraft contributors, MIT OR Apache-2.0 (made with FigCraft’s command API).

Made in FigCraft

Free templates to learn from

The official example files — a mobile app with light and dark modes, a design system, a prototype, a dashboard and glass effects — open source and ready to open in FigCraft.

All templates
Ridgeline app home screen template in FigCraftRidgeline trail detail screen template in FigCraftRidgeline app home screen in dark mode in FigCraft
Ridgeline Studio analytics dashboard made in FigCraftRidgeline Studio analytics dashboardGlass weather widget with background blur made in FigCraftGlass weather widget and vector marks

Get started

How to use FigCraft online

  1. 1

    Let it load once

    The first visit downloads FigCraft (about 8 MB). After that your browser keeps it, so it opens in a moment.

  2. 2

    Start designing

    The web version starts with one blank document. Draw frames with F, add auto layout, build components and set up variables.

  3. 3

    Prototype, then go desktop

    Wire up interactions and preview them. To open and save files (.figcraft, .fig, SVG, PDF), use the free desktop app.

Dev Mode

Hand off with real code

Mark frames Ready for dev, add annotations and inspect CSS, SwiftUI, Jetpack Compose, HTML, React and Leptos code where component properties become props.

Dev Mode in FigCraft with a Ready for dev frame and generated code

Live sessions · preview

Design together

Share a file with a join code, online or on your local network, and see each other’s cursors, selections, cursor chat and spotlight. Or run your own figcraft-server.

A FigCraft live session with three participants and their cursors

MCP · CLI · Control channel

Let an AI agent design with you

Every menu item, tool and drag in FigCraft is a command, and the desktop app ships an MCP server. Claude Code, Claude Desktop and other MCP clients can create layers, run commands, inspect the document and render it to PNG.

Set up FigCraft MCP 
# Let Claude design in FigCraft (desktop CLI)
claude mcp add figcraft -- /path/to/figcraft-cli mcp

# …or drive the open app and watch it work
figcraft --control 7979
claude mcp add figcraft-app -- /path/to/figcraft-cli mcp --attach 7979

Who it’s for

Is FigCraft right for you?

Compare

FigCraft vs Figma and Penpot

FeatureFigCraft OnlineFigmaPenpot
PriceFreeFree tier; paid plansFree; paid plans
Runs in the browser
No account needed
Files stay on your deviceSelf-hosted only
Open source
Native desktop app
Real-time collaborationPreview
MaturityAlphaIndustry standardMature

FigCraft opens .fig files and Figma REST API JSON on a best-effort basis. Read the full FigCraft vs Figma comparison or FigCraft vs Penpot.

What’s new · released 2026-10-14

FigCraft 0.6.0: starter templates and full screen

Eight starter templates on the home screen, everyday editing polish, safer online sharing, better .fig export and Leptos code in Dev Mode — plus fixes from eleven new contributors.

Read the release notesFull changelog

FigCraft FAQ

Is FigCraft free?

Yes. FigCraft is free, open-source software (MIT or Apache-2.0), and this page lets you use its web version without paying, installing anything or creating an account.

Can FigCraft open Figma files?

On a best-effort basis: the desktop app opens .fig files and designs exported as Figma REST API JSON, and works natively with .figcraft archives, SVG, PNG, JPG, WebP and PDF. The web version does not have file dialogs yet.

Does FigCraft need an account or the cloud?

No. It has no account and no telemetry, and contacts no server until you choose to share or join a live session (a preview feature).

Does FigCraft have components and auto layout?

Yes: main components, instances with overrides, variants and properties, plus auto layout in both directions with wrap and grid.

Is FigCraft ready to replace Figma?

Not yet for team work: its authors estimate about 49% readiness, and collaboration is still a preview. It is already useful for solo design and prototyping.

Is this the official FigCraft website?

No. FigCraft is made by the ArtCraft team (getartcraft.com and github.com/storytold/figcraft). FigCraft Online is an independent, unofficial site that hosts the unmodified official web build and writes guides about it.

FigCraft guides

All guides

Your next interface starts on a blank canvas.

Open FigCraft online Get the desktop app