Layout Pinning

Use layout pinning to design smarter layouts that scale.

Positioning

Layout pins are visualized both on the Canvas and within the Position property in the property panel. In the image below, notice how the Frame is pinned to the top and left of the page. This is represented on the Canvas with the dotted lines. In the property panel, you see this being reflected in the blue pins pointing to the Top and Left control respectively.

These pins are clickable, too. If you wanted to pin this layer to the Right, you could click on the gray pin that points to the Right control. Then, you could customize the value in the input too.

Layout Pinning

Use layout pinning to design smarter layouts that scale.

Positioning

Layout pins are visualized both on the Canvas and within the Position property in the property panel. In the image below, notice how the Frame is pinned to the top and left of the page. This is represented on the Canvas with the dotted lines. In the property panel, you see this being reflected in the blue pins pointing to the Top and Left control respectively.

These pins are clickable, too. If you wanted to pin this layer to the Right, you could click on the gray pin that points to the Right control. Then, you could customize the value in the input too.

Layout Pinning

Use layout pinning to design smarter layouts that scale.

Positioning

Layout pins are visualized both on the Canvas and within the Position property in the property panel. In the image below, notice how the Frame is pinned to the top and left of the page. This is represented on the Canvas with the dotted lines. In the property panel, you see this being reflected in the blue pins pointing to the Top and Left control respectively.

These pins are clickable, too. If you wanted to pin this layer to the Right, you could click on the gray pin that points to the Right control. Then, you could customize the value in the input too.