Figma

Figma is our design tool of choice. Wireframes, visual design, design systems, and clickable prototypes are all housed in a single file where clients can watch live and provide feedback. Every project that requires design starts here.

What Figma is

A browser-based design tool that allows multiple people to work simultaneously. Frames for pages, components for reusable elements, variables for color and spacing, prototypes for click-throughs, and comments for feedback. Everything is in one place and always up to date.

What we use it for

Wireframes: structure without color. Visual design: the site as it will look, for desktop and mobile. The design system we use to build in Webflow : buttons, cards, headings, colors, and spacing. Prototypes to test a flow before it is built. And interfaces for applications, including empty states and error messages.

How we use it

You get access to the file and can watch as we work. You provide feedback by leaving comments directly on the relevant elements. The design system in Figma maps one-to-one with the design system in Webflow, so what you see is what you get. Once delivered, the file is yours.

What you will notice

Fewer emails with screenshots, fewer misunderstandings about what was intended, and a design you can click through before a single line of code is written.