Graphics are a container for icons and illustrations. Unlike frames, graphics resize proportionally and their contents have no pinning or sizing properties.
On this page
Graphics share many of the same behaviors as frames. For more context, make sure to read the Frames documentation.
Inserting graphics
Press G to insert a graphic. Alternatively, you can use the Insert Menu or the Command Bar. You can also wrap your selection in a graphic via Arrange > Container > Graphic, or the Group icon in the toolbar.
You can also convert a frame to a graphic using the container type dropdown at the top of the Inspector, just above the X and Y position fields.
How to insert a graphic
Alternatively, you can insert a graphic using one of the Graphics Templates in the Inspector. To create your own, select a graphic, then choose Arrange > Container > Set as Template from the menu bar.
Pasting or dragging an SVG into the Canvas will insert it as a Graphic. This is useful when importing icon sets, they’ll be placed in a container more suited for their use as graphics allow for easier scaling and resizing of their contents.
There’s more than one way to insert a graphic.
Working with graphics
By default, graphics use Fixed sizing. This means their dimensions and position stay the same, even if you make changes to the surrounding frame. When resized, a graphic’s contents resize proportionally.
Tip: To truly scale a graphic, enlarging or shrinking all internal elements, use the Scale tool.
