Code Docs

RTL Layout

Mirroring Behavior

In this section, we will demonstrate how the plugin handles the mirroring for each layer type in Figma. While the plugin mainly mirrors the X-value of layers, that is not always the case as there are more complex scenarios.

Frames

Frames are container layers, meaning that they usually have children (inner layers) nested inside them, and frames usually have three options for their layout:

Remark: While the plugin does not change the x value of layers that are a direct descendant of an auto-layout frame, it does change it for layers that have an absolute positioning applied to them since they don’t abide by the aut-layout rules.

Groups

The plugin does not change the x value of the group layer but instead, it changes the x value of the children layers of that group since these layers define the group position and not vice versa.

Text Layers

Text layers alignment is changed to be right-aligned if only it was left-aligned.

Components

Same as frames.

Instances

The plugin can not operate on instance so we recommend that you mirror it’s components instead.

Assets (Illustrations)

Assets’ inner layers are not mirrored, only their container layer does, however, there are some cases where the plugin mirrors both the container and its inner layers.

Additional Points

Next:

Text Translation

Previous:

Getting Started

Table of Contents