Ratios

<p>Create fixed aspect ratios with fixed positioned overlays.</p><p><br></p><p><strong>Ratios</strong></p><p>Enter any ratio above 1/2.2, meaning the height cannot be greater than 2.2 times the width.</p><p>Ratios can be entered as 00:00 or 00/00.</p><p><br></p><p><strong>Overlays</strong></p><p>Add optional fixed positioned overlays on top of the fixed aspect ratio.</p><p><br></p><p><strong>Resizing</strong></p><p>Resize the fixed aspect ratios by changing their width only (note that it might produce subpixel heights). Adjusting their height or using the “shift” key will break the aspect ratios.</p><p><br></p><p><strong>Get ratio</strong></p><p>Get the closest aspect ratio for the currently selected object by clicking on the icon next to the ratio input field where the result will be displayed.</p><p><br></p><p><em>This plugin was created for the AREA 17 design team and is based on the article </em><a href="https://medium.com/@solo_cube/figma-components-with-a-fixed-aspect-ratio-elements-c7272e2ada9" rel="noreferrer noopener nofollow ugc" target="_blank"><em>Figma components with a fixed aspect ratio elements</em></a><em>, the Figma file </em><a href="https://www.figma.com/community/file/873125264217713781/Fixed-aspect-ratio-in-Figma-Auto-Layout" rel="noreferrer noopener nofollow ugc" target="_blank"><em>Fixed aspect ratio in Figma Auto Layout</em></a><em> by </em><a href="https://www.figma.com/@solo_cube" rel="noreferrer noopener nofollow ugc" target="_blank"><em>Vitalli</em></a><em> and </em><a href="https://www.figma.com/community/file/862602142262930294/Auto-Layout-Fixed-Aspect-Ratio" rel="noreferrer noopener nofollow ugc" target="_blank"><em>Auto Layout Fixed Aspect Ratio</em></a><em> by </em><a href="https://www.figma.com/@chudoloo" rel="noreferrer noopener nofollow ugc" target="_blank"><em>Chudo Loo</em></a></p>