Resources

See how variables, conditional logic, and expressions can let you build more realistic prototypes with fewer frames and connections. Available on Professional plan and up. ​“Prior to variables, prototypes that have changing states e.g. adding items to cart, required duplicating frames and connections to mimic those flows. Now, you can set and modify variable values with prototyping actions to create dynamic prototypes with as little as a single frame and couple of interactions!”

Cool to see how Atlassian has already rolled out the variables support to their massive Components and Design Tokens libraries.

An interactive playground designed to help you get started with variables. These playgrounds are the best step-by-step guides to new Figma features.

This playground is an interactive guide to the Dev Mode, made with two audiences in mind. Designers will get to know how to set up files for handoff, connect design and code, and explain Dev Mode to developers, while developers will learn how to track design status and changes, inspect designs, get relevant code snippets, and use plugins to extend and connect workflows.

A beautiful set of 24 retro-inspired icons by Adanna in multiple customizable themes.

First the iOS kit, and now the official design library and templates for macOS Sonoma from Apple!

Great resource from O/M Studio: ​“Welcome to San Francisco! To celebrate Config 2023 in partnership with Figma, we curated a guide to help you get the most out of your visit to our hometown. Our San Francisco guide points you to all of our favorite restaurants, bars, shops, and activities. Friends don’t let friends drink bad coffee, right?”

The official mobile app for in-person attendees is a great way to see the full conference agenda, build your schedule, access speaker profiles, the location maps, and get real-time updates.

Free virtual try-on for the Vision Pro, because let’s be fair — we all need one now.

Big day for the Figma community! After years of making official design resources only for Sketch, Adobe XD, and Photoshop (!), Apple finally launched a Figma community page and published a UI kit for iOS 17 and iPadOS 17. (Interestingly, this seems to be the first community resource requiring accepting Terms of Service before opening.)

Let’s use this opportunity to thank Joey Banks for his community service in building many iOS kits over the years, starting with iOS 13!

A different kind of plugin — Chrome extension that lets you export Figma library or component analytics to CSV and enable several CSS overrides to adjust the UI.

Vijay Verma is killing it with another movie-inspired artwork. Don’t miss the closeup details.

Kyler Phillips launched a really useful unofficial guide to events and meetups taking place during Config 2023 in San Francisco. I’ll be there for a few days and try to join some of them, depending on jet lag and energy level.

Luis Ouriach made a starter kit for documenting your components and tokens on the Figma canvas. ​“With this method, we take a set of core styles (primitive tokens), and then ​“alias” them into tokens specific to components. It’s worth noting that aliasing is not technically happening, we are using the hyperlink feature within Figma to link from our semantic, component tokens back to the primitive styles within the same file.” Love seeing a Designer Advocate publishing a token starter kit a few weeks before Config 👀

A highly customizable component library of onboarding and activation components. ​“This template takes the most commonly used onboarding patterns in modern software products (checklists, cards, etc) and makes them super easy to customize for your next feature launch or app refresh.”

FigJam now got a dedicated iPad app. I hope they’re setting the ground for a full-featured Figma for iPad app? Anyway, the new icon is dope!

A useful freebie from Luis Ouriach — 360 badges, pills, and tags in the full-color palette range.

A new set of beautiful SVG icons crafted in Figma. The free preview includes 100 basic icons.

600 icons in 17 categories designed on a 24px grid by Daniel Wodziczka ($7).

Brad Frost published a sample design system governance process based on his old blog post.