Flow first, details later.
We start with the basics: what happens first, what you need next and how a task ends. Those steps are much easier to talk through in a prototype than in code.
Back to our tools
At Yntra / Design tool
Figma
Where we sketch the interface before writing code. Layouts, reusable components and clickable prototypes all live in Figma.
Part of our work
Design & prototyping
How we use it
The same look on every screen.
Shared components and styles keep type, spacing and controls consistent, and give us something to check against when we polish a screen.
Then we check the real thing.
The design shows the intended hierarchy and interactions. After that we test the result in the browser or app, since a prototype can’t tell you about accessibility or how the product really behaves.
Further reading
The official docs, if you want to dig deeper.