A huge open-source collection of design tools, plugins, and UI kits for all major apps.
A detailed guide on turning Figma design prototype into a native iOS or Android app without writing code. I’ve never used Bravo Studio before but it’s an interesting development in line with the current #NoCode trend.
Add color styles straight out of your Tailwind CSS config file.
Storybook is an open-source tool for developing UI components in isolation for React, Vue, and Angular. This article explores some of the Storybook addons for design. The Figma addon depicts the component design next to the implementation. Design changes will automatically be reflected in Storybook.
Figma is called “Tool of the Year” by this report. It’s not specifically about Figma but highlights some important trends in our industry related to it, like the death of design files and baked-in collaboration.
Over 3,000 designers participated in this survey. While Sketch is still a leading tool for user flows, wireframing, UI design, prototyping, and design systems, Figma showed consistent growth in every category and was called “The most exciting tool of 2020”.
Figma Design Kit for Tailwind CSS, a utility-first CSS framework for rapidly building custom designs.
Great article by Ollie Jackson covering a lot of ground, including how to make prototypes more maintainable, communicate effectively with comments, organize text styles, and even integrate Tailwind CSS framework into a Figma design project. (If Tailwind CSS is your jam there is also a design kit for it in Community Projects section.)
Not specifically an article about Figma, but an argument that all you need to run a design team today is Notion for documentation and PM, Whimsical for diagramming and sketching ideas, and Figma for hi-fi design and prototyping. (I’d say that you can go further and replace Whimsical with Flowkit plugin described below.)