Resources

If you’re attending Config 2022 this week, introduce yourself with this year’s name card.

The nomination process for the Community Awards is over, and now it’s time to vote for your favorite plugins and resources before Config on May 10th.

Unwrapping Twitter’s tweet as a Design system component.

Interface Inventory is a key research activity before any design system is started. See also the thread by Jan Toman on why he created this resource.

Recently I’ve shared a few no-code tools for generating code from Figma mockups, but this one is different and works in reverse by generating Figma components and variants from your code and Storybook stories. Nifty idea!

An official Community resource for the popular Automator plugin. Explore automations made by the community and remix them to work best for you.

Fons Mans recreated the latest designs from Apple, Instagram, and Shopify in Figma. Great educational resource.

“Push notifications have been around for over 10 years and come in all shapes and sizes on different devices and operating systems. This is your source of truth for the latest and greatest push anatomy.” See also an accompanying blog post, Design and Anatomy of a Push Notification 2022.

A curated list of automations for Jordan Singer’s popular Automator plugin.

Four templates that may help ease the pain of the design handoff process — a table of contents, detailed specs, mockups, and flow templates.

The biggest Material You UI kit with more than 1,000 components, built to perfectly replicate the real-world, official Material Design Components library for Android 12.

A large shipment of small updates to Figma and FigJam. The community file is the best way to learn about all of them with demos and examples, but see also the blog post with a list of updates.

Jan Toman prepared a small file covers kit with several styles and unique waves-like artwork for each color. He also shared a few principles behind them.

Fons Mans published a Community file with one of his visual experiments using gradients and shadows to get a retro 3D effect.

Framer announced the new app for designing and publishing websites without writing any code. Like everything they do, it’s powerful and well-made. It’s even integrated with Figma through their Framer Copy Paste plugin! Excited to see more high-quality tools in this field.

Luis explores a few approaches to layer naming based on a level of fidelity, team conventions, and who is responsible for this work.

Cool walking animation by Bruno, Community Advocate for Figma in Portugal.

Great example of a rich Figma prototype made with lots of cool interactions. See also a video on Alvish’s Twitter.

The swag store is officially live! Every other day I see people hunting for Figma swag on Twitter, and it tells a lot about the product if happy users are willing to buy and wear its merch. Both the website and all items are gorgeous, and all profits are being donated to charity 👏

A new plugin by Gleb for turning vector lines into pixel art.