Rapid Prototyping: Create Dynamic Layouts In Sketch

Michael Wang, Product Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Lessons (55m)
    • 1. Introduction

      1:05
    • 2. Project: Create A Single Screen App With Dynamic Layouts

      0:34
    • 3. Install Plugin

      1:31
    • 4. What's In a Flex Layout?

      5:40
    • 5. Building Our Own App Part I

      5:35
    • 6. Building Our Own App Part II

      10:18
    • 7. Testing Our Flex Layout

      9:16
    • 8. Flexing With Multiple Content Types

      9:09
    • 9. Counts and Feedback Controls

      10:51
    • 10. Closing Thoughts and Making Your Own!

      0:47

About This Class

This class is going to walk you through what dynamic layouts are and how it can improve your design workflow. If you’ve ever designed a layout before with multiple repeating elements, you’ll know it’s super tedious. Dynamic layouts allow us to define specific properties of our design with stylesheets, so making design changes become a breeze.

In this class, I’ll walk you through how to set up dynamic layouts, the basic elements and how to creatae our own from scratch. By the end of the class, you’ll have your very own app design built with dynamic layouts. This class is great for designers with a basic knowledge of Sketch and CSS, who are looking to iterate faster and bridge the gap between development and design.