Resources

A base UI kit from Advocates Luis and Jake is available in the Figma assets panel by default. It’s backed with a fully Code Connected React codebase. See Luis’ thread on how and why it was made.

“Now in Dev Mode, new statuses like Edited and Completed make it easier to communicate what’s changed and ready — supporting a more fluid development process.”

Config playlist from Damien Correll.

With 87 talks and 36 hours of content, you’ll need a solid plan and structure to watch the sessions. Even conference attendees watched no more than 20% of the talks and have some catching up to do. I prepared a FigJam file with all videos from Config 2024 organized chronologically by the conference track — Design Systems, Innovation, Design/​Craft, Building Products, and Leadership Collective.

Use it as a template to mark what you plan to watch or have already watched with stamps. Add your thoughts with sticky notes. Share your version of the file with recommendations and comments with friends or coworkers. Please help others catch up with all the great sessions from Config 2024 by sharing and liking this resource.

A new project by Gavin McFarland makes creating and bundling Figma plugins easier. ​“Plugma uses Vite to bundle Figma plugins and is configured to inline all styles and scripts into one file. It uses a local server for development, that passes messages from Figma’s main thread to the local server using web sockets.” 

Gavin Nelson made a beautiful alternative icon for the desktop Figma app. 

A new free resource by Fons Mans.

Essential Figma shortcuts as A4 and A3 posters, via Nick Babich.

A nicely organized UI kit for an open-source platform for commerce.

Christine Vallaure made a responsive and modular type scale using a scaling ratio approach.

A collection of attractive geometric backgrounds, ​“generated by Human with AI”. Available for free for personal, studio, and commercial use.

Official map symbols and patterns used by the National Park Service. NPS symbols are free and in the public domain. They derive from the Ultimate Symbol Collection, a commercial product that offers hundreds of additional symbols.

A useful Figma community file if you want to map out the layout before setting it up.

This ​“official” preset comes pre-installed on the Figma Creator Micro.

An impressive website prototype for The French Tototte is made by Basti Ui using animations, videos, and 3D. Make sure to check it out in the prototype mode.

Vijay Verma’s new project is a collection of over a hundred abstract shapes with cool grainy gradients. It is available as a Figma Community file and React package and is free for both commercial and personal usage. See the behind-the-scenes process on Twitter.

Apple added nine new design templates for Figma: Apple Pay, App Clips, Live Activities, iMessage apps and sticker packs, Sign in with Apple, App Shortcuts, Tap to Pay, Tip Kit, and Wallet. See also Apple Design Resourcesin the Developer Center.

Cool screen graphics for Teenage Engineering devices on Sebastian’s community page.

Luis built a starter kit for system font stacks with 123 variables, including numbers and strings for font weights in CSS, SF Pro, Segoe UI, and Roboto fonts.

“The latest version of the Chrome browser frame mockup offers a sleek and modern design, complete with customizable features such as tabs, address bar, and navigation buttons.”