A free interface design tool with Figma’s layout, running in a browser tab. Build screens with frames and auto layout, make components and variants, wire up a prototype and inspect the code. Nothing to install and no account to create.
Runs the open-source FigCraft by the ArtCraft team · source on GitHub
The toolbar, Layers panel, Design and Prototype tabs, menus and shortcuts sit where your hands expect them. Here is some of what FigCraft does. Screenshots from the FigCraft project.
Make a main component, drop instances and override them, and group variants into component sets with properties. Swap, detach and reset like you would in Figma. Styles and variables (colour, number, string, boolean) with modes bind to fills, strokes and effects.
A button component set with Style and State variantsStack in either direction, wrap, or use a grid with fixed, hug and fr tracks. Padding, gaps, Hug / Fill / Fixed sizing and min and max sizes work as you expect, and one set of colour variables gives you Light and Dark modes.
Ridgeline, an example app from the FigCraft project
Connect frames with triggers and actions, add Smart Animate-style transitions and flows, and set variables with if / else conditions. Present it with a device frame and click through it right in the tab.
An onboarding flow with its connections showing
Measure distances with Alt, mark frames ready for dev, annotate, and read generated CSS, HTML, React, SwiftUI or Compose code where component properties become parameters.
Dev Mode with React code for a list row
The Pen and Pencil draw real vector networks. Boolean groups keep every operand editable, the shape builder merges regions with a drag, and strokes can taper with variable width.
Vector edit mode on a variable-width strokeOpen the AI panel next to the canvas, paste an OpenAI, Google Gemini or OpenRouter key (or sign in to use Craft Apps credits) and describe a mobile screen, a web page, a dashboard or a component. The model designs it, and one click adds it to the canvas as a frame with named layers and real text you can edit.
With your own key, requests go from your browser to the provider. We never see your key, prompts or designs, and we add no markup. No key? Pay per use with Craft Apps credits; new accounts get 30 free credits.
How the AI tools workThe editor is the official build, byte for byte. Around it we add a few things the bare build doesn’t have.
The browser build can’t open files yet. Our Import SVG or image button (or a drag onto the canvas) brings in an SVG as editable layers and a PNG, JPG, WebP or GIF as an image fill.
FigCraft itself has no generative AI. The panel designs screens and makes images with OpenAI, Gemini or OpenRouter, straight from your browser, or with Craft Apps credits if you have no key.
Each new FigCraft release is checked against its published SHA-256 checksum and deployed here. You are on v0.5.1.
Plain answers on using FigCraft as a free Figma alternative and opening a .fig file without Figma.
FigCraft is in alpha and the browser build is a preview: it has no Save, no Export and no file opening yet. Use it to try FigCraft, sketch screens, test a prototype or join a live session; use the desktop app for work you want to keep.
Yes. FigCraft is free and open source, and the editor needs no account. The optional AI tools are free with your own API key (your provider bills you for usage), or you can pay per use with Craft Apps credits, which need a free account.
No. FigCraft is an independent, open-source design tool by the ArtCraft team that follows Figma’s layout, panels and shortcuts, so it feels familiar. It is in alpha: its developers estimate it is about half of the way to replacing Figma for real work. It isn’t made by or connected with Figma, Inc.
Not yet. The browser build of FigCraft 0.5 can’t save or export files, so your work lasts until you close the tab. To keep designs, use the free desktop app for Windows, macOS or Linux, which saves .figcraft files and exports PNG, JPG, WebP, SVG and PDF. Designs from our AI panel can be saved as SVG from the panel.
The desktop app opens .fig files on a best-effort basis, along with designs exported as Figma REST API JSON. The browser build can’t open files yet; on this site you can bring in SVG files (as editable layers) and PNG, JPG, WebP or GIF pictures with Import SVG or image.
No. FigCraft runs inside your browser with WebAssembly, and what you import stays in the tab. The only exception is the AI panel, which sends your prompt straight to the AI provider whose key you entered, or, with credits, to our Craft Apps service, which keeps nothing after it answers.
In preview. Someone using the FigCraft desktop app can share a file (Share › Start sharing) and give you the join code; you can join from this browser build and edit together, with live cursors and selections. The browser can join a session but can’t host one.
A current Chrome, Edge, Firefox or Safari with WebGPU or WebGL2. FigCraft uses WebGPU when it is available and falls back to WebGL2 on its own. A laptop or desktop with a mouse works best; FigCraft isn’t designed for touch.
Free, private, and already loaded on your next visit.