#Figma tidy up how to

Figma has a great tutorial on how to utilize variants in your work. without having to individually alter the standard for each state. For example, you can have a standard state of a button and make different variants to show a hover state, clicked state, disabled state, etc. Breakpoints - easily allows for smooth responsiveness between mobile, tablet, and desktop breakpoints.įigma has a great tool called variants that saves more time on reusing components.

Accessibility Color Contrast Checker - checks color contrast on a selected frame to test if it meets WCAG standards.

Figma Measure - measures the distance between two selected layers.

I highly recommend browsing the Community and installing the ones that you might be interested in using. There are thousands of plug-ins in the Figma Community that save time and can be a helpful resource to taking your designs to the next level. Figma has been great about updating, though, but I just like to work in the app to be safe. This isn’t a huge deal and it’s completely up to personal preference, but sometimes I encounter bugs when working through the online browser, making me search through my layers for hours trying to figure out what’s wrong when there isn’t anything wrong. Take the extra second to label every single thing you make, even if it is just a measuring square, so that you know what to find, where to find it, and when you need it. Most of the time if something in your design or prototype is conflicting, it’s due to an issue with your layering. There have been too many times where I have a million “groups” and “layers” and even “frames” in their generic names and couldn’t find the one layer I needed to fix.

Figma tidy up