Tweets

Adding hover states

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

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!

Using Figma in the iPad with the Pencil is WHY I got the iPad in the first place

A regular reminder that if you’ve got an iPad, Figurative app and Pencil Pal plugin are must-haves.

Friends of Figma: Art & Illustration

Twitter account featuring beautiful artworks made right in Figma.

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.

A vector stroke marker pack for Figma

Cool-looking collection of vector strokes.

“Figma isn’t for illustrati…”

Fun Twitter thread by Rogie with fantastic examples of illustrations made in Figma.

An easier way to manage tabular data

A smart combination of using components and Auto Layout.

Fun with Rotational Symmetry

Miguel Cardona shows how to use components and instances to create some cool illustrative effects.

Figma now uses up to 2,000% less memory

Huge performance improvement.

Design like you code with Auto Layout

“Elements can fill their containers in both directions; you can set independent padding values; and items can be set to space between.” (Coming in November.)

Drag and drop Interactive Components into prototypes

“Add interactions between component variations in your design system and reuse them in your prototypes with no extra work.” (Launching in January 2021.)

Excited about creating variants?

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

Bridging code and design components with Variants

“Combine variations of the same component for different interactive states, colors, and sizes to mirror your front-end code and simplify your asset library.” (Coming in November.)

Demo of Vector Networks

Miguel Cardona shows how cool and powerful Vector Networks are. The vector editing toolset in Figma is unique and worth getting familiar with.

Organizing design files

A Twitter thread on organizing design files in Figma. The approach includes adding a mini doc and a thumbnail, annotating elements and edge cases, grouping components, marking Work in Progress, and organizing pages.

Combine Layout Grids with Constraints

Joey Banks shows a nice use case for combining Layout Grids with Constraints. For a deeper dive, check out my older article on this feature.

Use shiki-svg-renderer to render code to SVG

A smart way to export code with syntax highlighting to Figma.

How to add “native” Find functionality to Figma

Joel Califa suggests assigning a system shortcut to the Find & Replace plugin.

Return to Instance after editing the Main Component

Meng To points to a useful feature that can be easy to miss.

Features

Topics

Products

Design Tools

Figmalion

Issues:
241
Links:
4,190