Figbruary. Liquid animations. Do you even Figma?
Wow, can you believe it’s already the 100th issue? Only a few months ago (10 issues!) we celebrated its 3rd birthday, and now it’s time to mark another milestone. I started Figmalion to help with my research and keep me on track while writing the book “Designing in Figma” in 2019, but it evolved into something bigger after connecting with wonderful people in the design community. Thanks for reading, subscribing, reaching out to me, and spreading the word to your peers and colleagues!
— Eugene
What’s New
Figbruary
A new project by Vijay Verma: “Figbruary is a fictional month created by combining Figma + February where you can experiment and design things daily to push the limits. For every 24 hour day within this 672 hour timespan of the month, we have prepared a prompt with instructions for you to design and create.”
See the past submissions on Twitter, like this weather icon made with only primitive shapes.
The future of design systems is complicated
The team at Figma talked to several industry experts from Google’s Material Design team, Spotify, Shopify, and Stripe about how they’re managing the future of design systems — from tooling to automation to accessibility.
Making a greyscale dark mode
Dan Hollick with a great thread on light and dark modes, perceived contrast, APCA, and why we tend to tint dark backgrounds blue.
Using Figma
Creating stunning liquid animation in Figma
Remember the gooey blobs in the previous issue? Well, Double Glitch took it to the next level with this Lava lamp demo. Beautiful effect and a very creative technique! See also this liquid swipe transition using the same approach.
How Pinterest’s design systems team measures adoption
Design technologist Ravi Lingineni explains how Pinterest’s design system team measures adoption using Figma’s REST API. They’ve built a custom tool FigStats to calculate and monitor a new metric called design adoption, which measures how their design system Gestalt was being used across the board in Figma files.
Do you even Figma?
Essential list for any card-carrying Figma professional.
Cracker
Well, now we all know how to refer to the Auto Layout alignment control.
Plugins
Figma to Webflow
Last week the team at Webflow introduced Webflow Labs, and this plugin is the first project they’ve launched! Turn your static Figma designs into clean, production-ready Webflow HTML and CSS. Add Webflow Interactions, wire up content using their CMS, and publish the website with one click.
Noisy Gradients
A new plugin by Vijay Verma: “The plugin utilizes the Metavatar algorithm to create stunning gradient backgrounds in a variety of cool colors. It also has the added feature of adding noise to make the gradients even more visually striking.”
Backstage
Day in the life of a designer advocate
If you ever wonder what Designer Advocates do at Figma, Clara Ujiie just gave a mini-presentation to Figma interns answering this question. While community engagement is the most visible part of advocates’ jobs, they also spend a lot of time on customer education and learning how customers and the community use Figma.