Community | Figmalion

Variable Fonts

Toni Gemayel built a plugin providing basic support for variable fonts. While not a replacement for missing native support, it lets you render variable fonts as graphics and then update them in the future.

Making a sunburst graphic

Miggi makes a sunburst graphic and puts a bird on it. Don’t miss part two, where he explores a totally different and quite creative way to build it with a stroke.

Make a sunburst graphic (and put a bird on it) in @figmadesign with #ProfessorFigma #figmatip pic.twitter.com/GvIPJw9bgN
— miggi from figgi (@miggi) May 26, 2021

A few things I wish I had known earlier on for working in Figma

Joey Banks shares a few helpful shortcuts and tips.

A few things I wish I had known earlier on for working in @figmadesign—I hope one or more of these can be helpful to someone out there! 🙏

1) Hold ⌘ + drag a frame to resize it to ignore any of the constraints set for the items inside. ↔️
— Joey Banks (@joeyabanks) May 12, 2021

Professor Figma videos

Miguel took over Figma’s Instagram account for a day and shared a bunch of quick tutorials.

Yesterday I took over @figmadesign's instagram with some Professor Figma 1:1 aspect ratio videos. Here is a thread of them since many of you cannot watch them without an IG account. Enjoy:

1. Making a Gear Icon: pic.twitter.com/shbZwSO5VE
— miggi from figgi (@miggi) May 18, 2021

Issue #40
May 23, 2021
#Miguel Cardona

Move Components Between Files — Master Plugin for Figma

Gleb Sabirzyanov shows how to move components between files using his Master plugin.

Setting file thumbnails with FigJam

Miguel shows how to add file thumbnails from Figma to FigJam files.

Setting thumbnails with FigJam with Professor Figma, let’s go! #figjam @figmadesign #figtoks #figmatips #professorfigma pic.twitter.com/gRRTAFFuPG
— miggi from figgi (@miggi) May 11, 2021

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.

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.

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

Interactive Coin Flip

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

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

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

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

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

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

Opening Keynote by Dylan Field

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

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

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

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

Playing with Plugins

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

#Community