Resources

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.

Linear launched a new gorgeous home page and did a Q&A party in a Figma file while the website was under a DDoS attack. The file is read-only but still fun to explore and review the questions and answers from the team.

Figma asked the design company COLLINS to help craft a brand story and campaign that would debunk the Myth of the Lone Genius and get everyone from the intern to the C‑suite collaborating on their platform. The two companies worked closely together on this fantastic story.

Madeleine Lee, Product Designer at Figma, took a stab at breaking down some of Gen Z’s unique differentiators into design principles we can carry into our own work at the recent Friends of Figma SF meetup. Even if you’re not interested in this topic, her slides are gorgeous and worth a look.

Lo-Fi wireframing kit inspired by the analog process of paper prototyping.

A new widget from Figma that lets you use your Bitmoji stickers across both apps.