Skip to content
Afordz

Module 10 · 25 min

Exercise: rebuild a simple screen

Pick one screen from your flow. Rebuild it in Figma. Keep the layout honest to the wireframe.

Steps

  • Create a frame for your device size.
  • Build the layout with auto layout.
  • Turn the primary button into a component.
  • Add a second frame for success or error.
  • Link them in prototype mode and share the link.

How to know you are done

  • Someone else can click the happy path without you.
  • Spacing uses a clear scale, not random gaps.
  • The button component is reused, not redrawn.