#Companies

10 Tips to Work 10x Faster in Figma

Carola Pescio Canale, Product Designer at Dropbox, shares a short list of her favorite tips and shortcuts to speed up Figma workflow.
10 tips to work 10x faster in Figma

Tobias Negele: Using Variants to clean up components in Polaris

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

How to Design for Backstage (Even if You’re Not a Designer)

Backstage is Spotify’s homegrown developer portal. This article shows how to design for it using a combination of Figma and Storybook.

Excited about creating variants?

Luis shows how converting the whole GitHub Primer buttons library to variants took less than a minute.

A11y – Focus Orderer

A new plugin from Microsoft to help you quickly annotate focus and tab order flow for keyboard and screen reader users.

The Case Against Figma

A former designer at Lyft makes the case against using Figma in a large organization. Because Abstract uses a real Git repository to store Sketch files, it’s ​“allowing for a structured approach to file organization at a micro and macro level.” I’m not familiar with permissions on an Organization plan, but that sounds like a nightmare: “…imagine you have thousands of business-critical files shared by 250 designers all of which are editable by the whole team by default!”

Creating multi-brand design systems

The team members from Shopify, Condé Nast, and Harry’s shared their experiences creating multi-brand design systems in a livestream a few months ago. This post shares some of the highlights from it.

Building a Design System Library

Jeremy Dizon discusses best practices that his team followed to create and maintain multiple Lyft Product Language component libraries in Figma.

How we use Figma templates to facilitate collaboration at Shopify

Tobias Negele, a Staff Product Designer at Shopify, shares their approach and template for organizing files and creating a predictable structure that engineers and other colleagues can easily understand and navigate.

Lyft’s internal plugin for switching between light and dark mode

A great example of building a simple internal plugin around your own design system to automate routine work.

WatchOS UI Kit

Great resource if you’re designing for Apple Watch.

Design Project Template

A project template from Dropbox, including project cover, status, problem framing prompts, and checklist.

Build it in Figma: Design a Cohesive Icon Set

Noah Jacobus from Metalab and Designer Advocate Rogie King create a cohesive icon set for a mobile app.

Build it in Figma: Design a cohesive icon set

Craft a Dark Theme With Material Design

Liam from Google Design shows how to craft a dark theme to complement your app’s Material Design light theme using Figma.

Craft a dark theme with Material Design | Google

GitHub Primer

Can’t imaging a better place for GitHub to share their design system.

G Suite Add Ons UI Design Kit

Design & Documentation kit of Card framework components used for building G Suite Add Ons.

@Gavmn: Getting started on my Big Sur dock

Beautiful adaptations of popular apps icons for Big Sur.

@rogie: Contacts icon and Find My icon

In case you missed some textures lately.

@skirano: Recreated the new FaceTime icon

See also his Figma file.

@mds: Creating the Siri Icon in Figma

See also his Figma file.

Features

Topics

Products

Design Tools

Figmalion

Issues:
260
Links:
4,496