Figma

Design tool used as the single source of truth for every project before development begins.

Projects

2023

First used

●

Production

Visit website Documentation

Registry record

NameFigma

Slugfigma

CategoryFeatures

StatusFeatured

Projects6

First used2023

Active in production

01 / OVERVIEW

What it is. Why we use it.

About Figma

Figma is where every Displace project starts. Brand direction, component libraries, responsive breakpoints, interaction specs , all specced in Figma before we write any code. Our design partner The Offsite Agency delivers comps in Figma, and we pull specs directly via the Figma Dev Mode MCP server for pixel-perfect implementation.

Why we use it

Nothing else comes close for collaborative design work. Auto-layout maps cleanly to Flexbox/CSS Grid, design tokens export to Tailwind config, and the Dev Mode MCP lets us read specs programmatically during implementation.

02 / BUILT WITH FIGMA

06 projects

soma