Resources

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.”

I shared this design system back in October of last year, but it just shipped a new version and won #1 Product of the Day at Product Hunt. ​“Included in this package are more than 200 styles (Typography, Effects, and Color), over 200 variables (Surface, Text, Outlines, and Radius), and 700+ components (Buttons, Form Elements, Navigation, Web3, and more). It also offers pre-made layout samples, a one-click dark mode option, and a fully tokenized design using Figma variables.”

A starter kit from Luis Ouriach shows how to set things up with typographic variables.

A slide deck with 100 Figma tips to make your design workflow smart, fast, and super productive.

Now you can use the power of AI to generate and expand mindmaps and create visual timelines in FigJam. See examples in the gallery of ready-made FigJam AI prompts.

Blank is ​“the fastest Figma UI kit and design system for your projects.” It includes weekly updates, an extensive component library equipped with all the necessary stuff for your next project, tokens and variables support, light and dark modes, open-source icons, and ready-to-use layouts.

Free website UI kit made by Framer?! You got my interest. ​“Easily transform your ideas into a fully functional, responsive, no-code SaaS website design within minutes using these free components for Framer and Figma.”

“App icon template for iOS 17. See your app icon in context. Editable app icons so you can borrow shapes and styles for your own creations. Made in P3 color space to assure accurate colors.”

This Figma template that Meng To prepared for his new free Framer course is nuts. It’s a beautiful work and an excellent resource for playing with Framer’s Figma plugin.