Figma for Developers: 2 Simple Tips to Level Up Your Figma Game

Figma for Developers: 2 Simple Tips to Level Up Your Figma Game

Codewell's photo
·Apr 22, 2021·

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Figma is a great tool to help you design landing pages quickly, but it isn't often used to it's fullest potential. This article will go over 3 simple tips that you can use to create better components for your landing pages.

Creating a dynamic button

1/ Type in your text as you normally would.

2/ Click Shift + A on the text layer, this will make it an auto-layout frame.

3/ Adjust the padding and alignment in the 'Alignment and padding' window on the right. Also add in your button's color by adding a Fill.

That's it, you've created a button will retain alignment and padding even if you change the text inside.

Creating a reusable button

1/ Right click on the auto-layout frame you've just created and click 'Create component'

2/ Copy paste the button anywhere in your design.

3/ When you apply any changes to the original component, it affects all child components.

These 2 simple tips will speed up your workflow a lot, not to mention you can use this same technique for any component, not just buttons. Give it a shot next time you're designing something on Figma!

Share this