Getting started

Subform works a little differently than traditional drawing tools. Never fear: these short videos will get you up-and-running quickly.

Basics

Intro to the Subform UI

Get familiar with the basics of the Subform interface: layout, styles, tree, history, and command bar.

Adding images

Learn how to import and resize images, set native sizes, and insert images via the command bar.

Note: We ship beta releases regularly, so content in these videos can often get out of sync with the most current version of Subform. We do our best to keep things updated, but if you have questions or would like to request an additional video tutorial, let Kevin and Ryan know.

Layout

2:49

Parent / child relationships

Understand element relationships, change alignment/spacing defaults, and override parent rules using self-direction.

2:24

Working with stacks

Learn how to change stack direction, the difference between main axis and cross axis, and how to make changes to an entire stack at once.

3:12

Working with grids

Learn how to move and resize elements around a grid, create responsive grids, and customize grid configurations.

3:27

Understanding the HUD

Use the HUD to guide your grid, stack, and self-directed layouts.