Resources

Just in time for Hanukkah!

A ready-to-use web UI kit with predefined components and a few page libraries by Vijay Verma.

From December 5th to 16th, Figma Designer Advocates add a new tip to this community file every day. So far they’ve covered Auto Layout shortcuts, color override preservation in icons, presenting with the Figma app, and a few oldies but goodies.

In addition to Joey’s thumbnail kit, check out this template from the design team at Doist. It’s specific to their products, but can be easily customized or used as an inspiration.

Joey Banks published an update to his file thumbnail UI kit with dozens of custom combinations, and now even easier to edit with component properties.

The folks at Flowbite open-sourced their collection of Figma components based on the Flowbite Design System featuring variants, Auto Layout, dark mode, examples, style guide, and seamless integration with Tailwind CSS.

Great team activity from Miggie — build a gingerbread house using the provided virtual gingerbread cookies and sweets. In the end, you can even make your own card.

Figma prepared a collection of templates and fun team activities to celebrate the holidays.

Framer and Fons Mans teamed up to create an advent calendar of design gifts, from heavily discounted apps to free icon & wallpaper packs. So far they’ve offered big discounts on Sketch and Campsite subscriptions, as well as a free typeface from The Pangram Pangram Foundry.

Vijay’s roundup of special effects achieved with Rogie’s new Noise & Texture plugin. Don’t miss his Twitter thread with some context and details.

A portfolio of a talented designer and illustrator, with all artworks made in Figma.

Affinity announced Version 2 of the Designer, Photo, and Publisher apps on November 9th. Their suite provides the strongest alternative to Adobe Creative Cloud, and now is an important time to support indie alternatives. Affinity offers the Universal License on all platforms with just one payment (currently 40% off!) and without subscriptions.

I’m not a heavy user by any means, but bought the previous version of Designer back in 2016 and been using it occasionally. The app was regularly updated all these years, so I just ordered the Universal License and set up the new apps. Hope after climbing the learning curve they’ll become a great addition to my Figma-centric workflow.

Beautiful interactive animation by Figmatelier pushes the limits of Figma. Don’t miss the community file as well.

Slides from Figma’s Chief Product Officer Yuhki Yamashita talk at Web Summit on ​“how design is changing, and how we need to change with it”. Hope the video will become available one day, as it’s a really interesting take on the modern design and development process.

A library with 1,680+ icons. The free version includes all icons in one of four available styles.

“Figma prototypes are now accessible for screen readers. Learn how to turn on accessibility mode and how Figma design elements are translated to HTML for screen readers to interpret and understand the content and interactive elements in a design file.”

I’m excited to see more commercial design systems adopting design tokens. ​“Version 3.0 introduces new features that will boost designer and developer workflow: sync Figma Tokens with code, improved components Inspect panel, redesigned documentation, and Slot, Space, and Grid components.”

Google’s Material Design team introduced Relay, a new process to transform Figma components into Android UI code. Designers can now use the Relay for Figma plugin to document and package UI component designs that can be sent directly to the developer. No more tedious design specs or back and forth to ensure details are right in implemented code.

Attach Figma and FigJam files to any Google Calendar event.

Carbon is IBM’s open-source design system for products and digital experiences. The Carbon kit for Figma contains all resources you need to get started.