Blog
/
Figma

Figma

Figma
Figma

Figma Variables: Hex Colors to Aliases Automatically

Automate the process of creating aliases from one Collection to another. Batch convert hex codes to aliases with this script.
Figma
Figma

How to Resize Elements of a Component Instance

Component instances don't allow you to change nested elements' dimensions. This handy little workaround will let you resize anything in your instances.
Figma
Figma

Creating Scalable Components in Figma for Your Pattern Library

Figma's Design Libraries are very powerful tools to create reusable components and develop Pattern Libraries. However, it's important to set up your components correctly from the beginning in order to get the most out of them. Today, I'll show you the best way I found to set up UI components in order to maximize their scalability across all their design states.
Figma
Figma

Versatile Image Filters for Figma Components

Use layered blending modes and fills to create more versatile image filters across your component instances. When dealing with multiple instances of components, applying image filters across children can be difficult. The Image Filter tool works well but lacks batch editing and changing image files can reset the filter controls.