Loved by teams at Stripe Airbnb GitHub Pinterest Vercel Notion Linear Shopify Discord Loved by teams at Stripe Airbnb GitHub

2026 Release · Auto-Layout 3.0

# Where teams design, together.

From early sketches to shipped product — Figmaze is one canvas for design files, brainstorms, slides, and prototypes. Built for every team that makes things.

Get started — it's free Watch the demo

#### Design system v2

Tokens, components, variants — all in one library.

Mira

#### Auto-Layout 3.0

Pixel-perfect layouts that respond to content, not the other way around.

Avery

#### Slides for makers

Pitch the work where the work lives.

#### Dev Mode

Hand-off without the handoff.

Jun

#### FigJam

Whiteboard that thinks.

#### Variables

Light, dark, dense, default.

— What you can ship

## One file. Every step of the work.

01 · Design

### From wireframe to pixel.

Vector tools that feel native, components that scale, and variables that ship the same file to light, dark, and every breakpoint between.

02 · Brainstorm

### FigJam is the whiteboard.

Sticky notes, voting, timers, and AI that drafts the affinity map while you're still talking.

User pains Ideas Themes
03 · Develop

### Dev Mode keeps engineers honest.

Inspect spec, copy production-ready code, and ship variants without bouncing between files.

// Button.tsx
borderRadius: 50;
padding: 10px 20px;
background: #000;

— Systems

## A design system isn't a library. It's a contract.

Tokens, components, variants — written once, consumed everywhere. From Figmaze to your codebase, no copy-paste in between.

Explore systems
Design System / Components / Button
Button / Primary
Button / Secondary
Color / Lime
Color / Lilac

— Ship products

## From the first frame to the production commit.

Dev Mode turns the file engineers used to ignore into the source of truth they actually open. Tokens, specs, code — read directly from the design.

Try Dev Mode See it in action
Dev Mode · Button / Primary
/* Tokens */
--primary: #000000;
--on-primary: #ffffff;
--r-pill: 50px;
/* Spec */
padding: 10px 20px;
font: 480 20px/1.4 Inter;
letter-spacing: -0.1px;

— For developers

## Plug Figmaze into anything you build.

A REST API, a webhook system, and SDKs in TypeScript, Python, and Go. Pull design tokens at build time. Stream comments into your tracker. Make the file feel like an endpoint.

Read the docs Browse plugins
→
api.figmaze.com
GET /v1/files/:key/styles
→ 200 OK
{ "tokens": [
{ "name": "block-lime",
"value": "#dceeb1" },
{ "name": "r-pill",
"value": "50px" }
] }
←

— Explore what people are making

## A community of 4M+ designers.

FigJam · Retro
Retro template
@noa.designs · 4.2k uses
Design · System
Atomic system starter
@kit · 2.1k uses
Slides · Pitch
Pitch deck — Series A
@anya · 8.7k uses
Mobile · App
iOS 26 component kit
@riley · 12.4k uses

— Pricing

## Pick a seat. Get to work.

Starter is free forever. Paid plans start at $12 per editor.

Monthly Annual · 2 months free

### Starter

$0

For individuals exploring the canvas.

- 3 design files
- Unlimited FigJam
- Community access

Get started
Most picked

### Professional

$12/editor · mo

For teams shipping together.

- Unlimited files
- Team libraries
- Dev Mode
- Version history

Choose Professional

### Organization

$45/editor · mo

For one connected design org.

- Org-wide libraries
- Design system analytics
- SSO + SCIM
- Branching & merging

Choose Organization

### Enterprise

Custom

For the largest design operations.

- Dedicated CSM
- Custom contracts
- Audit log API
- Premium support

Contact sales
Feature
Starter
Professional
Organization
Enterprise
Design files
3
Unlimited
Unlimited
Unlimited
Editors
1
Up to 100
Up to 500
Unlimited
Dev Mode
—
✓
✓
✓
Branching
—
—
✓
✓
SAML SSO
—
—
✓
✓
Audit log API
—
—
—
✓
Release Notes Auto-Layout 3.0 ships next month. Save your spot at our launch event. Save your spot

— Design system

## The tokens behind every pill.

Source: DESIGN.md. Monochrome system core. Oversized pastel color blocks. Pill is the only CTA shape. figmaSans (Inter sub) at fine weight increments (320, 330, 340, 480, 540, 700).

### Color

System core — monochrome

primary · ink
#000000
canvas · on-primary
#ffffff
surface-soft
#f7f7f5
hairline
#e6e6e6
hairline-soft
#f1f1f1
accent-magenta
#ff3d8b

Color blocks — the signature surface

block-lime
#dceeb1 · systems · FAQ · contact
block-lilac
#c5b0f4 · /design hero · promo banner
block-cream
#f4ecd6 · FigJam strip · template grid
block-pink
#efd4d4 · FigJam pastel
block-mint
#c8e6cd · FigJam pastel
block-coral
#f3c9b6 · home "ship products"
block-navy
#1f1d3d · inverse story block
inverse-canvas
#000000 · footer · marquee

Semantic

semantic-success
#1ea64a · check glyph
overlay-scrim
#000 @ 60%

### Typography

figmaSans is exercised at unusually fine variable weight increments — Inter is the open-source substitute, with line-heights nudged ~0.02 down to compensate for taller x-height. figmaMono (JetBrains Mono sub) is reserved for eyebrows and captions, always uppercase, positive tracking.

display-xl 86px · 340 · 1.00 · -1.72px Where teams design
display-lg 64px · 340 · 1.10 · -0.96px Section opener
headline 26px · 540 · 1.35 · -0.26px A system isn't a library.
subhead 26px · 340 · 1.35 · -0.26px Weight, not size, carries hierarchy.
card-title 24px · 700 · 1.45 · 0 Pricing tier title
body-lg 20px · 330 · 1.40 · -0.14px Lead copy on the hero band.
body 18px · 320 · 1.45 · -0.26px Default body. Black at weight 320.
link · button 20px · 480 · 1.40 · -0.10px Get started — it's free
eyebrow · mono 18px · 400 · 1.30 · 0.54px— Section eyebrow
caption · mono 12px · 400 · 1.00 · 0.60px FOOTER COLUMN HEAD

### Radius

Pill (`r-pill`) is the only button shape. Circle (`r-full`) is the only icon-button shape. Square buttons read as a different brand.

xs
2px
sm
6px
md
8px
lg
24px
xl
32px
pill
50px
full
9999px

### Components

Buttons — pill only

button-primary button-secondary button-tertiary-text button-magenta-promo

Buttons on inverse canvas

button-primary (inverse) button-secondary-on-dark

Inputs — focus is the ring, not the fill

text-input · default
text-input · focused

Cards & surfaces

template-card

##### Surface-soft tile

8px radius. Hosts template thumbnails on the white canvas.

pricing-card

##### White + hairline

24px radius. Stroked, not shadowed — color is the depth device.

color-block-section

##### Lime poster

24px radius. 48px interior padding. Full-bleed below 768px.

Tags & badges — pill family

block-lime block-lilac block-mint block-pink block-cream block-coral selected · ink promo · magenta
View DESIGN.md ↗