Tweets

Tobias Negele: Using Variants to clean up components in Polaris

Shopify used Variants to clean up their local design system for retail.

Mattias Johansson: Using Variants in Spotify mobile design system

Another example from Spotify. Here, they moved from 36 to 4 track row components.

Juli SomBAT: Using Variants in Spotify web design system

In this example, they replaced 105 button components with just 3. (Sounds like they’ve been using Variants for a while, as Dylan Field used Spotify design system Encore to present the feature in his Config keynote.)

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.

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.

Building a High-Growth Culture

A part of the conversation between Dylan Field and Andrew Reed from Sequoia.

Recreated (Fig)Mario

“Figma is not for illus… oh!” Beautiful work by @mrhammn.

Goliath

Wish it was a Figma file to peek into, but very cool nonetheless.

Rearrange items by dragging a little pink dot

A nice tip for rearranging components, frames, and shapes.

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.)

Features

Topics

Products

Design Tools

Figmalion

Issues:
212
Links:
3,820