Skip to content
Start a project
Service

Figma Design

The design, finished and handed over — not a picture of one.

Start a project
When a design is not finished

A design is donewhen nobodyhas to guess.

That means the states nobody thinks to draw — the empty list, the long name that wraps, the error under the field, the hover.

Skip them and they get invented

During the build, by whoever is building that day. Which is how a signed-off design quietly becomes a different one.

The file

The build

Type scale

16 / 20 / 28 / 44

Matches

Spacing

4 · 8 · 16 · 32

Matches

Brand colour

#0F62FE

Matches

Hover state

drawn

Matches

The empty list

Drawn with six items, shipped with none, and nobody decided what that looks like.

Widths never sketched

The design exists at one size and has to survive at all of them.

A mockup that cannot be built

Pretty in the file, impossible in a browser, and only discovered late.

How the file is made

Drawn to behanded over.

Four stages. The build can be ours, your in-house team's or another studio's — the file has to work either way.

  1. Agree the scope

    Which pages, and what each of them has to do, before any of it is drawn.

    Step 01

  2. Draw desktop and mobile

    Every page in scope, at both ends, rather than one and a promise.

    Step 02

  3. Set up real components

    Components rather than copies, with type, spacing and colour as styles you can read off.

    Step 03

  4. Prototype, then hand over

    A clickable run through the main journey, then the file itself — yours to keep and to give any developer.

    Step 04
What you get on handover

A file a developercan build from.

Named for whoever opens it next

Handed over the way we would want to receive it: components rather than copies, a scale you can read off, and layers that say what they are.

Reordering a page

Hero
Services
Testimonials

The states a build needs

Hover, focus, empty, error, loading — drawn, not left to the developer.

A clickable prototype

The main journey, walked through before anything is built.

What you can hold us to

Our fivequality promises.

Five things the studio commits to on every project, each already written somewhere else on this site.

  • A fixed price before we startYou get the price in writing once we understand the project, and it does not move during the build. No hourly surprises on the invoice.
  • A reply within one business dayEvery enquiry is read by the people who would do the work, and answered within one business day. Mon-Sat, 10am - 7pm PKT.
  • Checked on real phonesEvery build is tested on actual devices, because a browser window dragged narrow does not behave the way a phone does.
  • Built to be foundReal heading levels, metadata, structured data and a sitemap ship with the site — not as an add-on once traffic fails to arrive.
  • Yours to edit afterwardsPages made of blocks your team can move, and a walkthrough at handover, so the first change you make does not need us.
Included in every handover

What youactually get.

Five things in every Figma project, whether the build is ours or somebody else's.

  • Desktop and mobile screens for every page in the agreed scope
  • Components, type scale, spacing and colour set up as styles rather than one-offs
  • The states a build needs: hover, focus, empty, error, loading
  • A clickable prototype of the main journey, to walk through before anything is built
  • The Figma file itself, yours to keep and to hand to any developer

Best for

  • Teams with their own developers who need the design side covered
  • Anyone who wants the design agreed and costed before committing to a build
  • Founders who have been shown a pretty mockup that turned out to be unbuildable

Often paired with

All services

We reply within one business day

Need Figma Design?

Tell us what you are building and what it needs to do. We come back with a clear plan, a timeline and a fixed price.

Start a project