#Features

Supercharged Boolean Options

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

10 Tips to Work 10x Faster in Figma

Carola Pescio Canale, Product Designer at Dropbox, shares a short list of her favorite tips and shortcuts to speed up Figma workflow.
10 tips to work 10x faster in Figma

Rogie: Preserve icon colors when you swap out icons

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

Overlay

This issue is rich in code generation tools! A new plugin transforming design components into React, Vue, or HTML components. The author provides some context and explains how it works in the article ​“Introducing Figma to React”.

Font Fascia

List all font families and styles used in a document, and see where exactly they are used. I found this plugin really useful while working on the recent project — first, when switching to a different typeface, and later while reducing the number of webfonts in a project.

Speed Up Your Workflow With Figma Plugins

Smashing Magazine published an in-depth look at several plugins that can speed up your design workflow.

Why Motion Matters in Product Design

Design Lead Gabriela Schmitz from LottieFiles gave a talk at Figma Meetup. If you didn’t try it yet, Lottie has a popular plugin for Figma.

Why Motion Matters in Product Design with Design

The Forge — Type Foundries Archive

The Forge is a curated collection of premium font foundries. They provide hundreds of high-quality typefaces as downloadable trial fonts for testing.

Adding hover states

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

Improve Your Design Handoff + Free Figma Template

“There are tons of tools and platforms available that ease out the design handoff. To maintain a smooth design handoff, both designers and developers must take place into the process. Here are some tips for the designers and developers on how to improve the design handoff.”

Using Real Data in Figma

Jacob used Google Sheets Sync plugin to fill his designs with real medicine names while designing an online pharmacy that delivers NHS prescription medicine.

Desktop App: Better Copy as PNG

“Copy as PNG” now has a keyboard shortcut (⌘⇧C or Ctrl+Shift+C) and defaults to 2x resolution.

Color Picker Update

You can now type CSS color names into the color picker. Here is a good demo.

Offline Autosave

Figma now won’t lose offline changes you make even if you close your browser or your computer crashes.

Improved Reordering in the Properties Panel

“When more than one fill, stroke, or effect is applied to an element you’ll now see a draggable icon on hover, making it easier to reorder things.” A small but mighty update — it was really painful to drag properties before!

Updated Missing Fonts Dialog

Minor UI cleanup, but you can now select all text objects using the missing font.

Six Integrations to Help Your Product Team Collaborate in Figma

Figma added two new integrations — one for keeping designs up-to-date in GitLab issues, and another for converting mockups into web pages with Maker. This article talks about some recently-launched integrations to help your product team collaborate in Figma.

Prepare for Variants

While feature introducing Variants of the same component is currently in beta, this help article provides recommendations on how to prepare for its release in November.

When Fonts Fall

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

Figma Is Proving to Be the Essential Design Tool of COVID-19

Figma is a 2020 Innovation by Design winner in User Experience category. Fast Company credits it, at least partially, with enabling companies to work remotely. ​“Figma has become the virtual whiteboard of the pandemic.”

Features

Topics

Products

Design Tools

Figmalion

Issues:
218
Links:
3,895