#Community

Design tools with Noah Levin

Noah Levin, the Director of Design at Figma, interviewed at Cells & Pixels podcast.

24: Noah Levin | Collaboration is at the Core of Exceptional Design

And another interview with Noah, this time at Things Have Changed podcast. ​“We talk about Noah’s early passion for design, his varied design experiences, joining Figma and building the highly talented teams making design accessible to everyone!”

Figma for Education: Equipping Designers of Learning Experiences

An interview with Miguel Cardona, an Assistant Professor at RIT teaching New Media Design, on designing learning experiences in Figma.

Anima

Anima has announced the launch of version 4.0, which will allow designers to create prototypes in Figma that are translated into components in React with the click of a button. See an article on TechCrunch or watch an overview by Femke.

Rogie: Preserve icon colors when you swap out icons

Using a Union boolean operator to preserve colors is a mind-blowing hack! 🤯

Miguel Cardona: Duplicate line segments

Great tip! Other replies to Rogie’s original tweet are also worth checking out.

Luis Ouriach: Dark mode in Figma

Damn, that actually works surprisingly well in Chrome. Too bad it forces dark mode on all other websites as well.

Luis Ouriach: Rearrange items with the little pink dot

Don’t miss a response from Nikolas Klein, showing how to resize objects while respecting the distance between them.

Supercharged Boolean Options

A new video by Figma55, quickly demoing a few tips on using Boolean Operators.
Figma in 55 Seconds: Supercharged boolean options

Use the Inspect panel

The Inspect panel was also updated this week to make translating design to code easier. Now it provides extra details like documentation, parent component, and animation behaviors. Watch a quick demo by Rogie.

Super Variant Bros

This project was included in the last issue, but now Joey added more Mario characters and Variants support. Super fun to play with.

Nikolas Klein: Extending preserved overrides

Figma will now preserve all supported overrides, including overrides to fill and stroke properties, and blur or shadow effects. This Twitter thread provides some context on how the new implementation works with text overrides.

Joey Banks: Generate a toggle for the Variants

Setting the value of a property to be either true/​false, yes/​no, or on/​off will generate a toggle in the side panel to make it even easier to switch between options.

Creating and Organizing Variants

Best practices for creating and organizing Variants by Figma Designer Advocate Anthony DiSpezio.

Figma DIY: Building a Color System Plugin

An epic blog post from Roman Shamin describes a better way of working with a dynamic color system and how to build an internal plugin that makes it possible.

Adding hover states

Rogie shows how to add a hover state and make nav component instances inherit all main component triggers.

Recreated (Fig)Mario

“Figma is not for illus… oh!” Beautiful work by @mrhammn.

Building a High-Growth Culture

A part of the conversation between Dylan Field and Andrew Reed from Sequoia.

When Fonts Fall

Marcin Wichary digs into how font fallback works. As always, his post is a deep dive into the topic. Highly recommend!

Four years ago today, Figma launched publicly for the first time

Did you know it was Figma’s birthday last week? I remember trying it around that time and not being impressed, but they’ve been shipping improvements and new features so fast that just in a couple years I switched completely.

Features

Topics

Products

Design Tools

Figmalion

Issues:
251
Links:
4,359