a PaintCode Power User: Canvases

PaintCode Power User: Canvases

This post is a part of series PaintCode Power User.

PaintCode document is composed of canvases. Each canvas represents an image, a drawing, a piece of art, which can be exported as an image file or as a StyleKit method.

Creating a Canvas

The most obvious way to create a canvas is using the toolbar button, but it’s more convenient to press ⇧⌘N.

Toolbar Button For CanvasToolbar Button For Canvas

An alternative way is to invoke a contextual menu on blank space between canvases. This menu is pre-populated with a list of dimensions you may want to use when designing an iOS device screen or an icon for iOS, Apple Watch or Mac. This menu will also offer you the size of your currently selected canvas.

Canvas Menu with Predefined SizesCanvas Menu with Predefined Sizes


Canvases are optionally organized into tabs. You can create as many tabs as you want, you can name them and place as many canvases inside them as you need. You may want to create one tab for tab bar icons, another for custom controls, and so on.

Once you have several canvases in a tab, it is possible to drag them around so related canvases are close to each other. There is also an option to automatically arrange them into a column, a row, or into a grid. Select at least two canvases and open contextual menu.

Canvas Arrange MenuCanvas Arrange Menu


Canvas InspectorCanvas Inspector Canvas GuidesCanvas Guides Canvas Menu with SnappingCanvas Menu with Snapping Touch Bar Buttons for CanvasTouch Bar Buttons for Canvas

Canvases can also be composed together using Symbols, which is a very powerful tool of PaintCode. More on Symbols in the next post, looking forward!

To learn more about this topic, see our Canvas documentation and Tabs documentation.