Resources

A collection of the most popular ​“Sign in with” buttons, complete with all the official button variants and a convenient custom button to match your own design system.

An interesting new app for creating and editing Lottie animations without After Effects. Supports importing assets from Figma.

While the makers of Tailwind Figma sponsor this issue, I also wanted to mention their free design kit with basic elements like spacing, typography, and icons from the Tailwind CSS framework.

Sometimes, the right tool for the job is the one you own and know. Figma may not be the best app for publishing an ebook, but this UI kit provides valuable building blocks for creating a good-looking PDF.

“A template for the GV Brand Sprint – a workshop format conceived at Google Ventures and well documented by Jake Knapp. In 3 hours or less, you get a very good picture of a brand, its vision, future and challenges.”

Gleb Sabirzyanov made a cool isometric coin animation entirely in Figma.

Annotate your mockups with a nice-looking keyboard shortcut illustration. It’s super easy to customize and includes all the most common special character keys.

“In an effort to sharpen my user interface design skills, I challenged myself to build the entire user interface of Zelda: Breath of the Wild.”

“Nucleus is a free UI component library that provides you the building blocks you need to design your next mobile app.”

Dozens of examples and components for designing the perfect iOS paywall screen.

A collection of free professional templates for kick-starting presentations, emails, or banner projects.

Educational slides from Joey Lamelas’s talk on illustrating in Figma. If you’re a long-time reader, you’ll recognize some of his illustrations.

One of the first few Community files for FigJam. ​“Keep your team aligned and in sync during a project from start to finish. By using these workshop templates you can easily facilitate kick-off workshops, stand-up’s and retro-meetings.”

Convert Figma designs to React code (React Native and Next.js). See also a discussion on Hacker News.

UI kits & sample apps for building in-app mobile chat.

A Figma template from Dropbox to help facilitate cross-functional collaboration across teams.

A free preview of the official Tailwind UI Figma Kit, containing all the Text, Color, and Effect Styles found in Tailwind UI, along with 40+ complete components that use the latest Auto Layout and Variants features. See also a blog post on its creation above.

Update from November 2nd, 2021: Figma assets have been discontinued.

A basic persona template inspired by the post ​“Make Your Personas Great Again in 7 Simple Steps“.

A UX template to create a user research report for your team by Furquan Ahmad.

359 open-source pixel-art icons based on a 24×24 grid. Cool retro look!