#Community

Geometric Shapes

Cool patterns and face mask by Toni Gemayel.

DesignKit

DesignKit by Rafal Tomal is an all-in-one wireframe kit, style guide, and design starter template.

Rogie: 3 new features to ease communication with your developers

Rogie demonstrates a few recent improvements to the Inspect tab.

Using Figma Community resources to design for Android efficiently

A design team at Mono took a dive into the Figma Community to look for high-quality Material Design and Android UI kits. They also show how to bring together components from all these kits into a project library. (Speaking of Mono, check out their free resources in the Community.)

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.

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!”

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.

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.

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.

Rogie: Preserve icon colors when you swap out icons

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

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.

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.

Features

Topics

Products

Design Tools

Figmalion

Issues:
225
Links:
3,996