Resources

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.

Cool illustration by Benten Woodring with strong retro ​’80s and ​’90s vibes.

If you learn best by doing and experimenting, try the new playground file that explains finding and selecting matching layers, resizing and aligning them to their frames, batch text editing, changing all variants at once, and more.

36 free hand-crafted textures that can be tiled and recolored. Made by Mark Bennett, who crafts beautiful skeuomorphic interfaces and sells elaborate Figma projects at his community page.

“Droit UI is a highly customizable Figma design system with over 7,000 UI components, specifically designed to streamline the workflow of creative professionals, agencies, startups, and SaaS businesses.”