Video Tutorials

Basics

1

Simple Drawing

Shows you how to draw a simple chat icon using ovals, béziers and boolean operations. Demonstrates a color library.

Download Example
2

StyleKits

Shows you how to easily integrate the generated code into your Xcode project using StyleKit.

Download Example
3

Dynamic Colors

Shows you how to create and use dynamic colors, which allow you to easily adjust the color scheme of your app.

Download Example

Dynamic Shapes


4

Dynamic Shapes

Shows you how to use Frames to create a dynamic, resizable button that can be drawn to any size.

Download Example
5

Dynamic Bézier Shapes

Shows you how to create dynamic, resizable chat bubbles using béziers and nested Frames.

Download Example

Variables


6

Variables

Shows you how to create a button with parametric title, corner radius and pressed state using our new Variables feature.

Download Example
7

Variables & Expressions

Shows you how to create parametric drawings using variables that depend on other variables, by using mathematical and programming expressions.

Download Example
8

Advanced Expressions

Shows you how to use advanced expressions and custom variable offsets to draw a pressure gauge.

Download Example

Symbols


9

Smart Symbols

Shows you how to create resizable and parametric Symbols that can be reused across your document.

Download Example