Community | Figmalion

Styler

Styler is a plugin for Figma that generates styles based on selected layers. See the “Batch create Figma styles“ video above for a quick demo from Figma Designer Advocate Luis.

Figma Tips

Designer Advocate Rogie built a plugin that helps you up your design game in Figma by watching short tutorial videos from the official YouTube channel.

Multiple prototype tabs in the desktop app

No need to use Chrome for comparing prototypes between pages anymore!

Hey, guess what?

You can now open multiple prototypes from different pages at the same time on the desktop app.

Get noodlin' 🍜 pic.twitter.com/3yB56vo1Sx
— luis. (@disco_lu) April 26, 2021

Figma tips: Building flexible components using the “slot” method

Designer Advocate Luis: “We often find ourselves creating lots of different variations of similar components, this can be tedious and difficult to maintain. Using a technique called “slots”, we can swap out components very easily from a single component.”

Creating design system tools for non-designers

In this episode of “Coffee with Charli”, she talks with Ramy Majouji, product design lead at Glossier. Together they show off some unique ways Glossier uses their design system to create tools for folks outside of product design.

Coffee with Charli and Glossier: Creating design

Double-clicking on the edge of a text box

Joey Banks on a shortcut to set a text block resizing mode.

Many of us may already know this shortcut, but just wanted to share in case it's helpful for any designer who's newer to @figmadesign! Double clicking on the edge of a text box will quickly allow you to set its size to be Auto Width, saving you a few seconds of work each time. ↔️ pic.twitter.com/PBUN8oLySE
— Joey Banks (@joeyabanks) May 4, 2021

Masking explained in 59 seconds

Miggi from Figgi shows how to use masks in Figma. Don’t miss Part 2!

Masking in @figmadesign explained in 59s or less by #professorFigma.

What do you want to see next?! #figtoks pic.twitter.com/Yj5iMBkQRu
— miggi from figgi (@miggi) May 3, 2021

FigJam toolbar demo

Miggi from Figgi aka Professor Figma shows the FigJam toolbar.

The one where Professor Figma demos the FigJam toolbar #figtoks @figmadesign #figjam pic.twitter.com/tn7Z3Ewpz4
— miggi from figgi (@miggi) April 30, 2021

Interactive Coin Flip

Gleb Sabirzyanov made a cool isometric coin animation entirely in Figma.

A quick chat on managing remote Design teams

A short interview with Noah Levin on the process within Figma’s Design Org.

The difference between using Packed & Space Between in Auto Layout

Joey Banks shows the difference between the two Auto Layout modes.

If you use Auto Layout in @figmadesign, I wanted to quickly share the difference between using Packed & Space Between, which for me, has been one of the most useful and helpful features when building components! ↔️ pic.twitter.com/eDfijFpQdn
— Joey Banks (@joeyabanks) April 14, 2021

Live Designing: My Design Process in Figma

Part of Rafal Tomal’s video series on his design process. Don’t miss the 2nd part as well.

Live Designing 04: My Design Process in Figma

How was my Config 2021?

Gleb Sabirzyanov on his experience of speaking at Config 2021.

Figm-illustrations

Educational slides from Joey Lamelas’s talk on illustrating in Figma. If you’re a long-time reader, you’ll recognize some of his illustrations.

The building blocks of Collaborative Creativity

Niko tweeted a quick recap of his talk.

Floored by all the feedback I received after yesterday's talk about Collaborative Creativity! Thank you so much!!!

♥️

Quick recap below. The talk was recorded and will be published in a month and here are all the slides: https://t.co/XTGjCNVKBz pic.twitter.com/OH62oO18hT
— Niko (@nikolasklein) April 22, 2021

Playing with Plugins

Great talk by Jordan Singer, who builds some of the most creative Figma plugins.

Copy-paste a variant into FigJam from Figma

Another good tip, this time from Miggi. Love how tightly the apps are integrated!

FigJam Tip! Hot off the Press!

You can copy paste a variant into FigJam from Figma.
As long as a component library is published to your team*
(Update, because I forgot critical text)#fimgatip #figjam @figmadesign pic.twitter.com/d9ZgdH7AIF
— miggi from figgi (@miggi) April 23, 2021

Rasmus Andersson on branches

Love this quote: “Great software is not built in months; it often takes a long time to get things right enough for a first version.”

Figma Branches just announced at Figma Config. This was in the works even before I joined, over 5 years ago! Think about that, 5 years. Great software is not built in months; it often takes a long time to get things right enough for a first version.
— Rasmus Andersson (@rsms) April 21, 2021

Noah Levin on Config launches

Check out this thread by Figma’s Design Director if you want to learn more about the design teams behind the new features.

So many @figmadesign launches today at #config2021!

1: 🔀 Branching

You can now handle complex design system workflows together! @shanawho did an incredible job leading this design over the past year (@rsms helped kick it off before that & @oscrse has been helping recently too)
— Noah Levin (@nlevin) April 21, 2021

Issue #38
Apr 25, 2021
#Config
#Noah Levin

Opening Keynote by Dylan Field

Watch Figma CEO’s opening remarks and some exciting product announcements.

#Community