The five best design links, every weekday

Category: Figma

All Categories

figma.com

Launching (fun) lists in Figma

Take notes, provide context, and outline next steps in Figma.

steveruiz.me

Figma's Interactive Components Were Not Designed For This

A survey of the bizarre prototypes designers can now make in Figma.

bootcamp.uxdesign.cc

Designing micro-interactions with Figma interactive components

Designing some components states and micro-interactions with the new beta feature of Figma.

uxdesign.cc

One Figma component — 3,360 Variants

Creating complex variants in Figma.

uxdesign.cc

How we migrated our design team to Figma

The design team at Agoda looked at how we could save costs without sacrificing the quality of the work we’re doing.

link.medium.com

One component with over 1,000 variants

Use Figma’s Variants and Auto-layout to design one Button component

figmacrashcourse.com

Figma Crash Course

Skip the basics and learn prototyping, auto-layout, systems, and illustration with your instructor, Pablo Stanley.

blog.discord.com

Building open-source design tools to improve Discord’s design workflow.

With the release of the Figma plugin API last year, the design team at Discord saw an exciting opportunity.

uxdesign.cc

How to make ultra-smooth animations in Figma Motion plugin

Every UX/UI designer comes to the moment when they need to animate their design.

figma.com

Behind the feature: the making of the new Auto Layout

When we first launched Auto Layout, we really focused on making it approachable and usable.

uxdesign.cc

Mastering frame nesting in Figma

Putting a Frame inside another Frame sounds like madness, but it’s a core prototyping technique you’ll need to learn for truly immersive prototypes.

designsystemsforfigma.com

Design Systems For Figma: Design To Engineering Handoff

Jeremy Dizon discusses the nuances that go into creating design and code parody and building engineer partnerships.

figma.com

Bridging design and code with Variants

Today we’re launching Variants and updates to the Inspect panel to power up your design system

figma.com

Behind the feature: the hidden challenges of autosave

The technical challenges of updating our autosave system.

uxdesign.cc

This is NOT collaboration

Yes, this is going to be one of those controversial articles, and if you’re a Figma superfan, you likely want to start throwing rocks at me right now.

uxdesign.cc

Using real data in Figma

There is a whole heap of software and tools being created at the moment to try and bridge the gap between design and development.

uxdesign.cc

Figma Low Code — a new way to tackle design hand-offs

Figma-Low-Code is an open-source project that enables the direct inclusion of Figma designs in Vue applications.

open.nytimes.com

How We Made a Design System for NYT Cooking on Android

How the New York Times Cooking team made a design system for their Android app.

figma.com

Embracing the tension between code and design

New features that bring the best of both worlds to design systems in Figma

material.io

Designing a Material Theme: Typography

Tailoring your typography with Material Design and Figma.