ResourcesAssetsCoursesGuides & Best PracticesExtensions & APIsArchive


Liam Martens, Contributor

FigStyle is a Figma styleguide generator. Simply go to the site, login with your Figma account and then copy and paste the URL of a Figma file into the generator. You can check a box to choose if you want to enable colors, fonts, shadows or gradients. Thats it!

The site then generates a style guide based on your file, breaking down all of the colors, fonts, shadows and gradients used through out. You can share the guide with developers or use the guide to notice where you can streamline your colors, fonts, styles and gradients throughout your file.

View Resource

Related Content

GitHub | Extensions & APIs
Figma Image Diff Probot
A GitHub App built with probot that checks before and after components between two Figma files and posts before after images
Jon Rohan | Extensions & APIs
Figma Octicons
Learn how GitHub leverages the Figma API to pull icon assets directly from Figma into a production environment