#Community

Supercharged Boolean Options

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

Rogie: Preserve icon colors when you swap out icons

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

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.

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.

Miguel Cardona: Duplicate line segments

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

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.

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!

GIF

A plugin by Rogie to play GIF animations in the editor (!), make memes, and export animated GIFs straight from Figma.

Setting and maintaining consistent space between items with the new Auto Layout

Designer Advocate Joey Banks shows a preview of what’s coming in November. Can’t wait!

Level Up Your Design Documentation With a Design Deck

A new video and free Figma template from Femke. ​“Impactful designers are great at communicating design decisions and documenting design process. This is the deck to level up your communication and documentation process.”

Level up your design documentation with a Design

Config Europe 2020 – Keynote Highlights, Dylan Field

If you didn’t have a chance to watch the full keynote yet, this is a short 6‑minute long video with main highlights.

Config Europe 2020 - Keynote Highlights, Dylan

Here’s how the CEO of Figma went from a computer science intern to the head of a $2 billion company that’s challenging Adobe for the love of designers across Silicon Valley

A great in-depth profile of Dylan Field at Business Insider.

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.

Keynote, Dylan Field – Embracing the tension between design and code

Watch Dylan Field, CEO of Figma, talk about Figma in Europe and demo new design systems features.
Config Europe 2020 - Keynote, Dylan Field -

Embracing the tension between code and design

Announcements from the above keynote, presented as a blog post. ​“We believe in embracing concepts from engineering and design, adopting the rigor and reusability of code while preserving the rapid iteration and uninhibited exploration that makes visual design so powerful. […] When code and design components mirror each other, teams can move much more efficiently. Today, we announced Variants, Interactive Components, and improvements to Auto Layout that will allow teams to do just that.”

Excited about creating variants?

Luis shows how converting the whole GitHub Primer buttons library to variants took less than a minute.

Features

Topics

Design Tools

Figmalion

Issues:
203
Links:
3,682