Figma

noun · interface design tool · element 66 of 117

A collaborative interface design tool that runs in the browser: design, prototype and hand off in one shared file.

My levelAdvancedDeep production experience. I design systems with it and debug it fast.

Projects: 10
Earliest project: 2022
Family: Design

What is Figma?

Figma is an interface design tool that runs in the browser, so designers, developers and clients work in the same file at the same time. Components, auto layout and variables keep designs consistent, prototypes make them clickable, and dev mode hands specs to developers.

Since its launch in 2016 it has become the default for product and web design teams.

How I use Figma

At Jonas Club Software I designed in Figma and Photoshop, then built what I designed. The club sites I designed there, including The British Club, The Caledonian Club and Mentor Harbor Yachting Club, came out of that process.

Designing and building the same site is the point: the type pairing, the palette and the motion are decided once, by the person who has to make them work.

Where I have used itFigma by company and year, from the projects on this site and the rest of my career.

Jonas Club Software10 projects · 2022 to 2024

Projects with Figma

Country club
Country club
Golf club

3 more sites are private. Request to see full portfolio

Type	Interface design tool
Launched	2016
Runs in	The browser and a desktop app