Tweets

Four competing “houses”

Dylan Field introduces four ​“houses” on Day 1 of Figma’s biannual Maker Week.

Hack to create a zero width/height frame

A smart hack that can be useful with Auto Layout. (In the last issue, I included a different solution.)

Change text block to Auto Width

It’s not clear from the video, but all it takes is a double-click anywhere on a text frame.

Change Starting Frame in a prototype

Nifty little time-saver.

Animate Angular gradient strokes

And another tip from Miguel for making simple animated spinners.

Hiding only Layers panel

Miguel Cardona with a good tip: use Cmd-Shift-\ to hide the Layers panel, and Cmd-\ to hide both panels when sharing a screen.

Using ScrollTo Interactions to traverse spaces

As soon as Figma releases something new, Miguel Cardona comes up with a great use case.

Geometric Shapes

Cool patterns and face mask by Toni Gemayel.

Text underline hack

Cool Auto Layout hack for creating custom text underlines.

Magic Layout concept

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

Animating new Auto Layout options

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

Two ways to size and distribute spacing

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

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!

Styling the wrapper around Variants

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

Rogie: 3 new features to ease communication with your developers

Rogie demonstrates a few recent improvements to the Inspect tab.

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

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.

Features

Topics

Products

Design Tools

Figmalion

Issues:
212
Links:
3,820