Right Aligned Component | Friends of Figma | Page 1

#

In your file where you want to use it, are you placing it inside a frame?

#

After putting it in Frame whats the constraints on it

#

Also not sure how you are calling them left and right when what they are doing is opposite of their names

#

Okay

#

You are adding a number to the sides of margins, Okay got it

#

The issue you asked for seems to be related with constraints.

#

For you 'Right' component, set the horizontal constraint to Right.

#

yes like that

#

try now

#

Can you share file access ? or Share a File copy

#

Need Edit Access to see the settings

#

Cant do anything without edit access

#

This Should be working for 'Right'

#

Also Change your Auto Layout Corner

#

for Right

#

Because for both Left & Right variant => the Constraint Setting was (Left , Top)

#

Which is correct for Left variant but wrong for Right variant

#

Yup

#

Go for it, take a break

#

You are welcome

#

am stuck myself in an issue,

#

so frustrated

#

figma is amazing..., but one has to learn .., dive deep

#

Mark it solved if your issue is resolved please

#

Haha What are you looking for, what styles

#

Well, there are better ways of doing it but they are way more complex.., but in any case you still have to do work at component level.

#

Start Learning Nested Components

#

Color thing should be easy..., Create 1 component complete with 1 color, then create copied and just replace color

#

Okay tell me do you create the shades with opacity or with different color code

#

Well color codes is the correct way but then there is no other wat but to replace actual color code

#

But What you can reduce a lot is the number of components you are creating

#

then replacing color will also be easy

#

All your buttons can come from 1 component..., and you dont have to create all the variants

#Right Aligned Component