Topics: Using Figma

10 Figma best practices every new designer needs to know ASAP

A very solid list of recommendations, and not only for new designers.

Issue #52
Nov 13, 2021
#Using Figma

The magic of Figma: use cases you wouldn’t expect

The team at Lokalise collected the most creative ways to use Figma and talked with designers from LinkedIn, Netflix, King, and Bumble to reveal how they work with it.

Issue #48
Sep 20, 2021
#Using Figma

Ultimate Guide to Using Icons in Figma

Molly Hellmuth wrote a guide on everything you need to know about setting up icons, using icons in designs, and handing off icons for development in Figma. See also her top 10 tips from this guide on Twitter.

Issue #46
Aug 22, 2021
#Icons
#Using Figma

Reducing memory usage and file bloat in Figma

Great advice on improving Figma’s performance from Ana Boyer.

🧵Things to know about reducing memory usage and file bloat in Figma:
— Ana Boyer (@_AnaBoyer) August 20, 2021

Issue #46
Aug 22, 2021
#Using Figma

Inside Figma: building a more collaborative design process

The product design team at Figma shares how they use FigJam, their online whiteboard, to be more generative as a team and with their cross-functional partners. Make sure to also check out the full livestream of the conversation and the community file with some of the components they use.

10 Figma Best Practices to 10X Your Workflow

Most “best practices” articles are too basic and superficial, but this one by Danny Sapio is a rare gem. All of the recommendations are solid, and by following them you can make a huge difference to your Figma workflow.

Issue #43
Jul 4, 2021
#Using Figma

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

Individually copy and paste effects

A reminder about an essential feature from Joey Banks.

Wanted to share something that I wish I had known sooner in @figmadesign, which is that it's possible to individually copy & paste effects just by clicking near the edge of them, within the Properties Panel, and then using ⌘C/⌘V. 📋 pic.twitter.com/HNnh19sNQT
— Joey Banks (@joeyabanks) April 9, 2021

Live design session with Clubhouse

Gumroad (which I love and use to sell my book) hosted a live design session using Figma and Clubhouse. What a great idea for gathering customer feedback in real time!

This afternoon we were able to do a live @gumroad design session on @joinClubhouse with @figmadesign. Real time customer feedback without scheduling 100 Zoom calls. Amazing! pic.twitter.com/13NGkyU6C0
— Jack Zerby (@jackzerby) February 17, 2021

Issue #34
Feb 28, 2021
#Using Figma

Why You Should Never Start Your Web Design Process in Webflow

Ran Segall explains why Figma is better for starting and experimenting on designs.

Visualizing lunchboxes

A creative way of using components to create custom graphics.

Here is like 10% of the design system for my client. In this example, I have 2 components with the shape of lunchboxes + a few for details (like stickers) and inside those lunchboxes, I have variables with different foods :) so I can prepare graphics soooo fast :) pic.twitter.com/zfHNL3fIpx
— Arkadiusz Palki (@arkadiuszpalki) February 2, 2021

Designing stained glass art

What an unusual use case for Figma, but the end result looks great!

One of the challenges in designing stained glass art is coming up with harmonious colour palettes and textures. Glass is expensive material. So - today I made a digital glass colouring book for our pieces (in @figmadesign), so we can collab on materials before we start building. pic.twitter.com/K03We2lfzz
— Nat Cooper (@natacoops) January 30, 2021

Issue #32
Feb 1, 2021
#Using Figma

Selecting objects with a transparent background

Smart workaround for selecting objects with a transparent background. I also like a follow-up from Gleb Sabirzyanov in the replies on ensuring that developers won’t implement this hack.

You may know this already, but this is a little trick I use for making selecting and swapping instances easier in @figmadesign. If your component has a transparent background give it a fill of 0.001. Now you can select it while holding down Cmd/Ctrl. pic.twitter.com/ZUb09AquAP
— Gavin McFarland (@gavinmcfarland) December 17, 2020

Speed Up Your Workflow With Figma Plugins

Smashing Magazine published an in-depth look at several plugins that can speed up your design workflow.

Rearrange items by dragging a little pink dot

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

Little #figmatip to head into the weekend.

I only just found out that you can rearrange items with the little pink dot on your selected components / Frames / shapes.

🤯 pic.twitter.com/PGwIfVw04t
— luis. (@disco_lu) October 16, 2020