FigCraft is a design tool for user interfaces. Draw frames, shapes and text, build reusable components with variants and auto layout, define colour and text styles, connect screens into clickable prototypes and export assets. Documents are saved as .figcraft files to your computer.

Main features

Frames, shapes, vector networks and text
Components, variants, styles and variables
Auto layout and constraints
Prototype mode with interactions
Export PNG, JPG, SVG and PDF
Open and save .figcraft documents; import .fig files

File formats

Opens: .figcraft, .fig, SVG, PNG, JPEG, WebP
Saves & exports: .figcraft, PNG, JPG, SVG, PDF (download)

How to use FigCraft

Open the app; a new empty document is ready.
Press F for a frame or R for a rectangle and drag on the canvas; the Design panel on the right shows its properties.
Use the Layers panel on the left to organize your design.
Press Ctrl+S to save the document, or use Export in the right panel to download images.

Tips

Ctrl+O opens a .figcraft file you saved earlier.

Requirements

A current browser with WebAssembly and WebGL2 or WebGPU: Chrome, Edge, Firefox or Safari on a computer, tablet or phone. No dedicated graphics card is needed.