Unit 1: Intro to Design
Unit 2: Figma Fundamentals
Unit 3: The Creative Process
Unit 4: Color Theory
Unit 5: Introduction to Illustrator
Unit 6: Typography
Unit 7: Layout
Unit 8: Typesetting
Unit 9: User Interface Design
Unit 10: Design Systems
1 of 2

Layout Exercise 07

Instructions

Download the Figma file for all exercises in this unit here.

For Exercises 7, navigate to the page “Exercise 7” in the Figma file.

In Exercise 7, you will use Layout Grids and Auto-Layout to create a webpage. Utilizing tools like Layout Grid and Auto-Layout will ultimately increase your precision and speed for digital design in Figma after you become comfortable and familiar with the them. Be sure to focus on all of the discussed principles of design as you work through this all-encompassing exercise.

Utilize the video demo below for how best to approach this exercise and it is advised that you follow along while watching. You can also refer back to your Figma tutorials videos if you are struggling with auto-layout, as it can take patience to get the hang of it.

Submit Your Exercise

Assignment Submission
Scroll to Top