Image

Video Tutorials

Basics

Image
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
Image
2

StyleKits

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

Download Example
Image
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


Image
10

Using Android Java Code

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

Download Example
Image
11

Using JavaScript Code

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

Download Example

Variables


Image
6

Variables

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

Download Example
Image
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
Image
8

Advanced Expressions

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

Download Example

Symbols


Image
9

Smart Symbols

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

Download Example

Dynamic Shapes


Image
4

Dynamic Shapes

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

Download Example
Image
5

Dynamic Bézier Shapes

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

Download Example