Rapid Prototyping: Create Dynamic Layouts In Sketch | Michael Wang | Skillshare

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

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

    • 3. Install Plugin

    • 4. What's In a Flex Layout?

    • 5. Building Our Own App Part I

    • 6. Building Our Own App Part II

    • 7. Testing Our Flex Layout

    • 8. Flexing With Multiple Content Types

    • 9. Counts and Feedback Controls

    • 10. Closing Thoughts and Making Your Own!


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. 





  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Michael Wang

Product Designer

My name is Michael Wang, and I've been working as a Product Designer since 2006. I do a little of everything, from IA to visual design, and even a little development. I've been lucky enough to work with some great people and companies like Sony, Google, and Apple. Currently, I'm working at a small startup called Teleport. Get to know me at mkwng.com!

See full profile

Report class