Skip to content
Tool · Design & motion

You see your site before it gets built.

Figma
Design & motion
What it is

The tool where the look takes shape. You get a finished picture of your homepage and say what should change — before a line of code is written.

Without

You describe what you want and hope the right thing comes out at the end.

With

You see it first. Don't like it, we change it while it's still just a picture.

How it works
  1. It runs in the browser, you need nothing

    You get a link and see the draft. No software, no account.

  2. Colours and type are defined once

    Change the orange and it changes in every draft at once. That's why a site holds together.

  3. Comments sit where the problem is

    You click the spot that bothers you and write it there. No describing it over the phone.

  4. It's a picture, not a website

    A draft isn't clickable like the real thing. It shows how it looks, not how it feels.

What it technically does
  1. Sketch
  2. Draft in the browser
  3. Your approval
  4. Build

The draft comes before the build — and you see it before a line of code exists. Changing is cheap here and expensive later.

A design tool that runs in the browser. Work happens in vectors, so it scales to any size, and with reusable blocks: change a button once and it changes everywhere. Sharing works by link, no account needed.

Hard facts
Runs
in the browser
Basis
vectors
Reuse
components
Viewing
by link, no account
How I use it
01

The homepage draft you see on day 3

02

Settling colours and type before building starts

03

Checking the phone and desktop view side by side

Where it doesn’t fit

A draft is not a program. What looks good in Figma still has to be built — and sometimes that's when an idea turns out not to hold up in a real browser.

In practice
Every project

The draft always comes first — and you only pay once you like it.

Neighbouring tools