Resources

The Material 3 Design Kit provides a comprehensive introduction to the design system, with styles and components to help you get started.

New UI Kit from Joey Banks for the latest version of macOS. Like all other kits by Joey, this one is spectacular and incredibly well done.

Open-source Figma plugins for speeding up the workflow — great way to look inside and learn.

Play Rock Paper Scissors with your friends in FigJam.

Play Tic-Tac-Toe with 2 or more players.

Take memorable team selfies with the whole team.

A simple todo widget by Jordan Singer.

Fully-fledged calendar widget by Mirko Santangelo.

The template from Furquan Ahmad to help you structure your portfolio presentation and talk about yourself and your case studies with ease. 

Isometric 3D constructor for creating complex scenes easily in Figma.

Beautifully crafted open-source 3D icons by Vijay Verma. Kudos for licensing it as CCO.

A simple UI kit updated for the newest version of Bootstrap.

Figspot is a Twitter-like feed of all comments from authorized Figma teams. Shown as threads and you can reply directly from the feed without loading a Figma file.

“Rendition is the best way to hand off code to your developer. It’s a Figma+Github plugin that will write UI code for you from designs. Rendition speeds up the time it takes to implement designs by automating the boring parts of front-end development. It also syncs designs from code back into Figma, allowing you to easily work off of the latest designs.“

Figma improved copy and paste to make it more consistent and predictable. Now you can replace selected objects with another object that you’ve copied to your clipboard (⇧⌥⌘V or Shift-Ctrl-Alt‑V), paste an object into multiple frames or groups simultaneously, and paste at the cursor location. To see how it all works, check out a playground file. (Figma launched this feature with a different shortcut, but changed it after listening to the community feedback.)

3D Transformer is an online tool to 3D rotate your images and turn them into beautiful 3D mockups. Includes a Figma plugin to turn any frame into a 3D mockup.

A Node package that converts SVG strokes to outlined fills as a post-export process. Useful if you want to manipulate color attributes in code.

A new absolutely massive UI kit with 10k+ components. Comes with a free version.

Figma announced Schema, a conference focused on building, scaling, and contributing to design systems. Apply to attend on October 7th, 2021 for a virtual day of sessions led by top design systems leaders from Atlassian, Lyft, Netflix, Google, Microsoft, and Productboard. Read more in Thomas Lowry’s blog post.

This file contains character sticker sheets and illustrations from Microsoft Inclusive Design’s toolkit. They are commonly used when referencing Microsoft’s Inclusive Design methodology and the diversity in human abilities and preferences.