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

Android & Web


10

Using Android Java Code

Shows you how to use the generated Android Java code in Android Studio.

Download Example
11

Using JavaScript Code

Shows you how to use the generated JavaScript code on a website.

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

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