Exercise description
In the video below, I’ll walk you through how to turn a static card into a fully responsive design. You’ll see how to stack elements, manage spacing, align sections, and keep everything neat for developer handoff.
If you want to get faster with auto layout in Figma, this exercise is for you.
The best part, you can follow along step by step with the exact same file.
https://www.figma.com/community/file/1532991451382492888/wokingham-card
After download
Once you’ve completed the card, try changing the text, icons, or images to make it your own. The more variations you build, the faster you’ll get at using auto layout in real projects.
If you want more exercises like this, check out my other shared files and tutorials:
https://www.figma.com/@zerotoui
Here was the video

Leave a Reply
You must be logged in to post a comment.