Layout Grids: Apply transparent grids, columns, and/or rows to Frames to provide visual structure.

You will need to use Frames to use the following features or functions:

Effects: Add a shadow or blurs to a Frameįrames allow you to access extra functionality in Figma.

Stroke: Add strokes to a Frame to create a border or outline.

Fill: Apply a Solid Fill, Gradient, Images (PNG, JPEG, GIF, TIFF and WEBP) to a Frame.

Auto Layout: Create dynamic Frames that respond to their contents.

Layout Grids: Create guidelines to help with the visual structure to your designs.

Clip Content: Hide any objects within the frame that extend beyond the frame's bounds.

Corner Radius: Round the corner of a frame to create softer edges.

There are a few properties associated with frames. Frames support the following properties.

Use the frame selection keyboard shortcut:

Tip! You can also create a frame around existing objects, whether it's a single layer or selection of layers. Identify frames by the in the Layers Panel. Click the arrow to expand the section and select a preset from the list.Choose presets for popular device and assets templates:.Use the dropdown in the right sidebar to select a frame preset.Click and drag in the canvas to create a frame with custom dimensions.Click in the canvas to create a default frame with 100 x 100 dimensions.Then you can create a variety of frame sizes in the canvas: There are a few ways to select the frame tool: Create framesĬreate frames in the canvas using the frame tool.

This allows to create more complex design that work together.įrames also give you access to extra functionality, like Layout Grids, Auto Layout, Constraints, and prototyping. Unlike traditional artboards, you can also nest frames within other frames. Like artboards, frames allow you to choose an area of the canvas to create your designs in. If you've used design tools before, you'll be familiar with artboards. If you're designing for a specific device or screen size, you may want to create a container for your designs. In Figma, you can add layers directly to the Canvas. Anyone with can edit access to a file can create and edit frames.

Canva instagram grid template