package designcompose.definition.layout

Get desktop application:
View/edit binary Protocol Buffers messages

Controls the distribution of space between multiple lines of items when they wrap within a container. This comes into play when the container has more items than can fit on a single line.

Used in: LayoutStyle

• ALIGN_CONTENT_UNSPECIFIED = 0

• ALIGN_CONTENT_FLEX_START = 1

• ALIGN_CONTENT_FLEX_END = 2

• ALIGN_CONTENT_CENTER = 3

• ALIGN_CONTENT_STRETCH = 4

• ALIGN_CONTENT_SPACE_BETWEEN = 5

• ALIGN_CONTENT_SPACE_AROUND = 6

Controls how items are aligned on the cross axis within a single line (row or column) of the container. The cross axis is the axis perpendicular to the main axis (the direction the row/column lays out its items).

Used in: LayoutStyle

• ALIGN_ITEMS_UNSPECIFIED = 0

• ALIGN_ITEMS_FLEX_START = 1

• ALIGN_ITEMS_FLEX_END = 2

• ALIGN_ITEMS_CENTER = 3

• ALIGN_ITEMS_BASELINE = 4

• ALIGN_ITEMS_STRETCH = 5

Overrides the AlignItems setting for a specific item within the container. This lets you customize the alignment of one item without affecting others.

Used in: LayoutStyle

• ALIGN_SELF_UNSPECIFIED = 0

• ALIGN_SELF_AUTO = 1

• ALIGN_SELF_FLEX_START = 2

• ALIGN_SELF_FLEX_END = 3

• ALIGN_SELF_CENTER = 4

• ALIGN_SELF_BASELINE = 5

• ALIGN_SELF_STRETCH = 6

Dictates the primary direction in which items within a flex container (like Row or Column) are laid out.

Used in: LayoutStyle

• FLEX_DIRECTION_UNSPECIFIED = 0

• FLEX_DIRECTION_ROW = 1

• FLEX_DIRECTION_COLUMN = 2

• FLEX_DIRECTION_ROW_REVERSE = 3

• FLEX_DIRECTION_COLUMN_REVERSE = 4

• FLEX_DIRECTION_NONE = 5

Defines how flex items wrap when they exceed the available space.

Used in: view.NodeStyle

• FLEX_WRAP_UNSPECIFIED = 0

• FLEX_WRAP_NO_WRAP = 1

• FLEX_WRAP_WRAP = 2

• FLEX_WRAP_WRAP_REVERSE = 3

Defines the type of grid layout used for a view.

Used in: view.NodeStyle

• GRID_LAYOUT_TYPE_UNSPECIFIED = 0

• GRID_LAYOUT_TYPE_FIXED_COLUMNS = 1

• GRID_LAYOUT_TYPE_FIXED_ROWS = 2

• GRID_LAYOUT_TYPE_AUTO_COLUMNS = 3

• GRID_LAYOUT_TYPE_AUTO_ROWS = 4

• GRID_LAYOUT_TYPE_HORIZONTAL = 5

• GRID_LAYOUT_TYPE_VERTICAL = 6

Represents a span for a node within a grid layout.

Used in: view.NodeStyle

• string node_name = 1

• map<string, string> node_variant = 2

• uint32 span = 3

• bool max_span = 4

Defines the spacing between items in a layout. It can be either a fixed value or an "auto" value, which will be calculated based on the available space.

Used in: LayoutStyle

• oneof ItemSpacingType

  • int32 fixed = 1

  • ItemSpacing.Auto auto = 2

Specifies an "auto" spacing value. It contains the desired width and height of the spacing.

Used in: ItemSpacing

• int32 width = 1

• int32 height = 2

Controls how items are distributed along the main axis of a flex container. This is particularly useful when items don't fill the entire available space.

Used in: LayoutStyle

• JUSTIFY_CONTENT_UNSPECIFIED = 0

• JUSTIFY_CONTENT_FLEX_START = 1

• JUSTIFY_CONTENT_FLEX_END = 2

• JUSTIFY_CONTENT_CENTER = 3

• JUSTIFY_CONTENT_SPACE_BETWEEN = 4

• JUSTIFY_CONTENT_SPACE_AROUND = 5

• JUSTIFY_CONTENT_SPACE_EVENLY = 6

Defines how a view's size is determined.

Used in: view.NodeStyle

• LAYOUT_SIZING_UNSPECIFIED = 0

• LAYOUT_SIZING_FIXED = 1

• LAYOUT_SIZING_HUG = 2

• LAYOUT_SIZING_FILL = 3

This message defines the layout style of a Figma node. It includes various properties that control the node's position, size, and spacing, as well as its alignment and flexbox behavior.

Used in: view.ViewStyle, layout_interface.LayoutNode

• optional element.DimensionRect margin = 1

• optional element.DimensionRect padding = 2

• optional ItemSpacing item_spacing = 3

• optional element.DimensionProto top = 4

• optional element.DimensionProto left = 5

• optional element.DimensionProto bottom = 6

• optional element.DimensionProto right = 7

• optional element.DimensionProto width = 8

• optional element.DimensionProto height = 9

• optional element.DimensionProto min_width = 10

• optional element.DimensionProto max_width = 11

• optional element.DimensionProto min_height = 12

• optional element.DimensionProto max_height = 13

• optional element.Size bounding_box = 14

• float flex_grow = 15

• float flex_shrink = 16

• optional element.DimensionProto flex_basis = 17

• AlignSelf align_self = 18

• AlignContent align_content = 19

• AlignItems align_items = 20

• FlexDirection flex_direction = 21

• JustifyContent justify_content = 22

• PositionType position_type = 23

Defines how content overflows the bounds of a view.

Used in: view.NodeStyle

• OVERFLOW_UNSPECIFIED = 0

• OVERFLOW_VISIBLE = 1

• OVERFLOW_HIDDEN = 2

• OVERFLOW_SCROLL = 3

Defines the direction of overflow scrolling

Used in: ScrollInfo

• OVERFLOW_DIRECTION_UNSPECIFIED = 0

• OVERFLOW_DIRECTION_NONE = 1

• OVERFLOW_DIRECTION_HORIZONTAL_SCROLLING = 2

• OVERFLOW_DIRECTION_VERTICAL_SCROLLING = 3

• OVERFLOW_DIRECTION_HORIZONTAL_AND_VERTICAL_SCROLLING = 4

Determines how an item is positioned within its parent container, providing different layout behaviors.

Used in: LayoutStyle

• POSITION_TYPE_UNSPECIFIED = 0

• POSITION_TYPE_RELATIVE = 1

• POSITION_TYPE_ABSOLUTE = 2

Represents information about the scroll state of a view, including the overflow direction and whether paged scrolling is enabled.

Used in: view.View

• OverflowDirection overflow = 1

• bool paged_scrolling = 2