Design and collaboration

Figma

Where the interface is designed, reviewed and argued about before it is built. It is where the design system lives, in the same file the components are built from.

What we reach for first

When we reach for it

Every engagement with an interface. Deciding in a design file is far cheaper than deciding in a pull request. Reviewing in the browser on a real device with real content is still worth more than any number of exported images, so the file is the start of the argument rather than the end of it.

When we would argue against it

Treating the file as the deliverable. A design that has diverged from the shipped component is a document that misleads everyone who opens it. A file also cannot answer what happens on a slow connection, at 200% zoom, or with a name three times longer than the placeholder. Those get decided in code.

What it looks like in delivery

Tokens and components mirroring the code library, and the file updated when the code changes rather than only before. Tokens defined once and used in both the file and the stylesheet, so a colour that fails a contrast requirement fails in one place and is fixed in one place.

Where this appears on the site

Nothing on this site names it yet

We work in Figma, and no case study or service page currently published on this site prints it in its stack. Rather than describe an engagement you cannot check, this space stays empty until one does. Ask us and we will talk you through it directly.


Also in design and collaboration

Working in Figma?

Tell us what it is running, what it costs you today, and what you need it to do next. A senior engineer will tell you what we would keep and what we would change.