Rapid Prototyping: Create Dynamic Layouts In Sketch

Michael Wang, Product Designer

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

    • Project: Create A Single Screen App With Dynamic Layouts

    • Install Plugin

    • What's In a Flex Layout?

    • Building Our Own App Part I

    • Building Our Own App Part II

    • Testing Our Flex Layout

    • Flexing With Multiple Content Types

    • Counts and Feedback Controls

    • 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. 

29 of 35 students recommendSee All

Thanks for a great introduction to this plugin. You're very clear - I appreciated the repetition of certain tasks and the explanation of how to use the github page.
Very good overview of an advanced plugin that will definitely speed up a designer's workflow.
Great ! Clear and very effective
Min A.

Mobile Application Developer





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