Skip to main content
Solved

How to rotate element of an instanced component using Auto Layout

  • May 10, 2024
  • 1 reply
  • 536 views

Sammy_Guergachi

Hi,

I have a component with auto layout, the instance of which I need to have variable rotation of some elements based on where it’s placed in the design.

Right now the rotation for elements in an instanced component with auto layout is greyed out.

Best answer by y_toku

Hi there,

Thanks for reaching out. Currently, it’s not possible to override the rotation unfortunately. I will share this feedback with our team. For the reference, Figma supports overrides to text, fill, stroke, and effect properties. This allows you to make changes to the more superficial aspects of an instance.

You can apply the following overrides:

  • Change text properties, including font, weight, size, line height, letter spacing, and resizing
  • Change the fill or stroke of any layers, including the fill type, value, and opacity
  • Add, edit, or remove any shadow or blur effects
  • Add, edit, or remove layout grids
  • Swap nested instances of other components, like icons
  • Add, edit, or remove export settings
  • Change the layer name
Figma Learn - Help Center

I hope this helps!

Thanks,
Toku

View original
This topic has been closed for comments

y_toku
Figmate
  • Community Support
  • May 14, 2024

Hi there,

Thanks for reaching out. Currently, it’s not possible to override the rotation unfortunately. I will share this feedback with our team. For the reference, Figma supports overrides to text, fill, stroke, and effect properties. This allows you to make changes to the more superficial aspects of an instance.

You can apply the following overrides:

  • Change text properties, including font, weight, size, line height, letter spacing, and resizing
  • Change the fill or stroke of any layers, including the fill type, value, and opacity
  • Add, edit, or remove any shadow or blur effects
  • Add, edit, or remove layout grids
  • Swap nested instances of other components, like icons
  • Add, edit, or remove export settings
  • Change the layer name
Figma Learn - Help Center

I hope this helps!

Thanks,
Toku


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings