File browser. Microinteractions. No-code.
Sponsor
Figma to Webflow
Always wanted to know how to take a design from concept to completion? We got you. Introducing: Figma to Webflow, the new free course from Webflow University.
App Updates
File browser updates
A few improvements to the file browser. As you type in the search field, Figma now shows a preview of matching search results, sectioned off by resource type (files, projects, people, and so on). There is also supposed to be a new filter by a file type, but I couldn’t find it 🤷♂️
Using Figma
Microinteractions in UI Design: How to Animate Icons in Figma
In this tutorial, one of the designers from Noun Project gives a few quick tips on using Figma’s “Smart Animate” tool to animate icons in your UI.
Mouse Interactions in Figma
A cool explainer of impressive interactive effects made with Figma, Spline, and Anima.
LottieFiles Figma Plugin 101
Dan & Xiang demonstrate what you can do with the LottieFiles Figma plugin.
WASD for aligning points and elements
Super useful tip from Miguel — use Option‑W/A/S/D shortcuts (which you may know from gaming) to align elements or points in vector networks. The latter is going to be a massive time-saver for me!
Writing process with FigJam
Miggi shows his process of writing in small chunks using FigJam. Love how flexible and multi-faceted this product is!
Detailed recreation of a macOS button in Figma
Really nuanced and detail-oriented recreation of a standard macOS button by Nathan Manousos.
No-code
Makers: From Figma to site with one click
Makers is a Figma plugin to help you build and publish sites directly in Figma without writing any code. They even provide a few templates to speed up the process. Make sure to watch an impressive demo video.
Figment
One more service for publishing websites from Figma — love how vibrant that space is! Figment helps you add website effects such as videos, links, and animations to your Figma mockups. When finished, it publishes or exports your website’s code.
Resources
Push Notification UI Kit
“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.
“Unwrapped” designs
Fons Mans recreated the latest designs from Apple, Instagram, and Shopify in Figma. Great educational resource.
Plugins
Tracking
Create, attach, and update tracking events in your Figma files.
FigMeme
Discover, design, and discuss memes while using Figma with this plugin.
Automator Community
An official Community resource for the popular Automator plugin. Explore automations made by the community and remix them to work best for you.
Backstage
Jamming on FigJam: a journey from beta to GA
”Product Manager Emily Lin shares the process of bringing FigJam to life, from beta to GA.“