Features

Two ways to size and distribute spacing

Tom Lowry shows how resizing and distributing spacing (Packed vs. Space Between) works.

#FigmaTip: Heres a quick tip with two different ways to size/distribute spacing using the latest updates to Auto Layout in @figmadesign. Hope you all like it! pic.twitter.com/LxE8Yz19vc
— Tom Lowry (@negativespaceca) November 19, 2020

Find & Replace

A simple plugin for finding and replacing strings, with Regular Expressions support.

Easing Gradients

Bézier and step easing for gradient fills. Highly useful for creating smooth gradients.

Issue #28
Nov 29, 2020
#Fill & Stroke

Shaper

Plugin with all the necessary shapes and basic forms that you may need on a daily basis.

Issue #28
Nov 29, 2020
#Vectors

Figma To Video

Figma To Video allows you to turn your Figma designs into animated videos. The plugin is powered by a SUPA video editor that helps to fine-tune the animations and the order in which elements appear.

Issue #28
Nov 29, 2020
#Animation

UXToolset

UI kit for creating wireframes, diagrams, prototypes, and handoff documentation.

Figma for Teams

First official Friends of Figma London event on making documentation, guidelines, and onboarding easier for teams.

Issue #28
Nov 29, 2020
#Collaboration

New video series from Rogie, where he explores a single topic in just five minutes. The signal to noise ratio is really high, so everyone will learn something. He kicks off the series with vector shapes, but don’t miss Part 2, where he covers vector editing tools.

Text underline hack

Cool Auto Layout hack for creating custom text underlines.

Ever wanted to do sweet little link styles in figma like different colored underlines or even backgrounds that still obey auto-layout? @rogie taught me this neato trick. https://t.co/OSNaBoUyaq
— Matthew (@whale) November 25, 2020

Figma Crash

A new course with deep dives into powerful Figma features by Pablo Stanley, creator of a popular collection of illustrations Blush. The first chapter on Auto Layout will be available on December 1st.

Magic Layout concept

A plugin concept by Jordan Singer for automatically applying Auto Layout constraints and resizing.

Magic Layout plugin concept for Figma ✨

Automatically apply Auto Layout constraints and resizing to your layers. pic.twitter.com/stWNvOIFiu
— jordan singer (@jsngr) November 22, 2020

Animating new Auto Layout options

Miguel Cardona shows how the “Fill container” resizing option can be animated.

Like, I'm just getting started with it, so use a little imagination here, but the fact that you can smart animate new @figmadesign auto-layout options will save a ton of time.

Here the only difference between the frames is the "fill container" option on the middle doodad. pic.twitter.com/TBnDj3ctru
— miggi from figgi (@miggi) November 19, 2020

How Auto Layout works with child layers

Rogie explains hug, fixed, and fill resizing options. The demo of building a to-do list and a table with Auto Layout is really impressive!

Here's a quick run-down on how @figmadesign's improved Auto Layout works with child layers:

≺≻ Fill
≻≺ Hug
⊢⊣ Fixed#FigmaTip pic.twitter.com/2SBx8qkVTV
— ˗ˏˋrogieˎˊ (@rogie) November 20, 2020

Filter

Over 30 filters for raster images.

Issue #27
Nov 16, 2020
#Fill & Stroke

Override Improvements and More

A few quality-of-life improvements to components, team libraries, and the Inspect tab.

Rogie: 3 new features to ease communication with your developers

Rogie demonstrates a few recent improvements to the Inspect tab.

A #TotallyRadFigmaTip for you — I cover 3 new features to ease communication with your developers:

🔥 Documentation Link field (just dropped!)
✨ "Parent Component" inspect panel area
✨ Animation panel inspect panel area#FigmaTips

Here's how to do it in @figmadesign: pic.twitter.com/U9cHlxT7Rg
— ˗ˏˋrogieˎˊ (@rogie) November 3, 2020

All you need to know to start using Variants in Figma

A short overview of Variants, when to use them, current limitations, and how to get started.

Styling the wrapper around Variants

One of the unexpected features, but can be useful when organizing your design system.

Neat, you can style the wrapper around variants in @figmadesign pic.twitter.com/a21pO8YQ7K
— Steve Ruiz (@steveruizok) November 2, 2020

Office hours: Get started with Variants

Figma’s Designer Advocates share how Variants work and answer questions.

How we design our assets

A smart approach to image optimization. The loading effect in the result looks very nice!

#Features