Why is the design alone not enough?
A design answers 'how does it look?' and not 'what happens?'. Where is the order saved? Who may see it? What shows when the list is empty, a name is very long or the connection fails? These states are rarely drawn, and they are most of the work. So prepare a short description of the workflow and the roles alongside the design.
The practical steps
- 1Tidy the design file
Give screens clear names and unify colors and fonts, so ten shades of the same color are not read as ten colors.
- 2Export the screens as images
From Figma, export each key screen as a clear image, and the logo as a separate file.
- 3Upload them with the brand guide
Colors, fonts and components are read from them into an identity you can adjust.
- 4Explain what the images do not show
Data, roles, empty states, error messages and notifications.
- 5Compare the result with the design
Open the app next to the design on a phone and a computer and correct the differences one at a time.
Realistic expectations
- A pixel-perfect match on the first try
- The workflow to be understood from images alone
- A direct import of the design file with its layers
- A very close identity: colors, fonts and components
- An app that really works, with data and sign-in
- Short rounds of edits until the look is right