THE ROLE IN THE PROJECT
What we build with Figma.
In Figma we define what the product looks like and how it is used. We work from visual structure and hierarchy to components that can be consistently translated into code.
How we implement it.
- 01
We clarify the experience
We draw the structure of the page and the path of the visitor. We choose a hierarchy for headlines, content and important actions.
- 02
We build the visual system
We define colors, typography, spacing and components. We use Auto Layout to adapt the design to different sizes.
- 03
We test and teach
We bind the screens in a prototype, check the states and prepare the resources needed to deploy in Next.js.
Example of a practical result
A desktop and mobile landing page prototype with reusable buttons, cards and spacing rules.
