Tweets

Figbruary submissions keep delivering gems! Double Glitch shows the behind-the-scenes process of making a cool animated light switch.

Sanbron Liong recorded his process of creating a photo-realistic drawing of Galaxy S23 Ultra lenses. See also his experiments with light effect and placement for it.

Jess starts a productive discussion on organizing files in Figma by asking about having one file per feature where iterations/​updates happen and another file for all ​“done” work. That’s similar to how I organize my work projects, but in reality, bringing work back to the ​“single source of truth” file or abstracting it to the design system is always hard to prioritize.

Molly Hellmuth explains how to build the perfect combo button that contains two actions in one component, each with independent states and resizing behaviors. This button allows designers to combine related actions, saving space and simplifying designs.

Designer Advocate Ana Boyer with great recommendations for reducing noodles, creating micro-interactions, and organizing separate designs into flows.

Seems like support for min/​max width and height are coming to the Auto Layout! Previous leaks by Nima Owji included support for variable fonts and text baseline alignment, so the chance that this is really coming is pretty good!

Seems like Figma reversed the original policy prohibiting third-party payment tools and delayed the launch of the paid resources in the Community until March 7th. While I believe Figma’s 15% fee for covering transactional costs and acting as the merchant of record is very fair, I applaud their flexibility and openness to community feedback. (Historically, Gumroad was one of the most popular platforms for selling digital products, but with their recent price increase I don’t know why would anyone go with them instead of a built-in community marketplace.)

Four new fonts in FigJam to convey just the right message or feeling. ​“Simple” is a new standard font for long-form text and easy scanning. ​“Bookish” is a serif font that adds a touch of formality to headers and quotes. ​“Technical” is a fixed-width font that mimics the look and feel of code. ​“Scribbled” is a script-based font that’s perfect for comments and annotations. All fonts were custom-made for FigJam by OH no Type Co and come with lots of beautiful details and juicy ligatures (have you seen the exclamation marks?!)

This is one of the FigJam brand updates that Figma has been working on since last year and just started to roll out. Make sure to check out this Twitter thread by Damien Correll, Creative Director at Figma.

Well, now we all know how to refer to the Auto Layout alignment control.

Essential list for any card-carrying Figma professional.

Dan Hollick with a great thread on light and dark modes, perceived contrast, APCA, and why we tend to tint dark backgrounds blue.

Pretty cool tutorial and community file on creating custom animated blobs without any plugins. A really smart technique combining blur with classic dodge & burn!

Epic thread by Molly Hellmuth on the best practices for using property, variant, and Auto Layout features. She just rebuilt her popular UI Prep design system with the latest Figma features and learned a lot in the process.

“A magical AI-powered design tool for Figma” is now available to the public with a 7‑day trial.

Robert Bye reflects on his first full year at the new Figma Native apps team and how much their desktop, iPad, and phone apps have changed in 2022

Vijay wrote a step-by-step guide on making a button with a cool multi-color glowing effect.

Ana Boyer with tips for using Figma for presentations.

Luis is experimenting with a different way of managing styles in Figma. He argues that bringing styles a lot closer to their usage makes it easier to understand the context.

In this tutorial thread, Fons Mans walks through the steps of creating Linear-like gradients. The community file is available as well.

A few solid tips and tricks on working with colors in Figma.