Figma

A consistent and accurate Core Palette is not enough for a consistent and accurate interface.

This article expands on how to build multi-brand design system

…and everything else that’s new from Figma’s Framework event

Master Figma Variables with Variables Manager Variables Manager is a powerful Figma plugin designed to streamline your design workflow. With our user-friendly interface and robust features, managing design variables has never been easier. Whether you're looking to copy variables to another file ...

Explore Playgound file & docs Description: "Variables Pro" is a powerful Figma plugin designed to streamline your design workflow by offering advanced variable management capabilities. With this plugin, you can easily swap variables between different collections, libraries, and local variables, ...

Purpose As our variable collections get larger and more complicated, we need a way to see how references are used throughout the structure. The Vars CFT plugin allows us to search across the local collections and count the results. In trace mode, you can select an object and view variables assoc...

Save and apply style presets, including strokes, fills, corner radius, effects, padding, layout grids, layer opacity and blend modes. Create a layer style Run Plugins Layer Styles Show Layer StylesSelect a frame or shape with styles already appliedClick the + in the bottom right of th...

Intro ✨ One-click export of Figma prototypes to GIF, webM or MP4 ------------------------------------------------------------------------- Supports ➡ Interactions On ClickAfter Delay🔀 Transition Types InstantSmart animate⏳ Transition Timings Cubic-Bezier Easing functions Spring Animations🧩 (BETA)...

Paste CSV, choose your preferred table layouts and generate a clean table in seconds. Smart cell selection maximizes styling freedom without the need for repetitive clicks. 25s Demo: https://twitter.com/kakax114/status/1559070703219273731?t=-NyaGkeouvsfQswkYxhkKw 🔥Get started Copy your source d...

Export variables from one file and import them to another. It's great for migrating libraries, or when you downloaded library from the community and you’d like to import or update variables in your existing design system. Supported features All variable types (color, string, number, boolean)Valu...

These checklists are designed for designers seeking to level up their Figma components. Whether you're working solo or managing a Figma library within a team, these lists can serve as a means of self-assessment or checking the general quality of components in a shared library.

This is the next chapter of our blog series on variables and design systems. In this one, we’re talking about strategy, architecture, and…

Here’s my gripe with the hottest new feature in Figma

If you're looking to level up how you use variables in Figma then this episode is for you ✌️ Luis goes deep into strategies based on team size, provides nami...

Jun 26, 2023 - Figma - Deep dive into Figma variables, it's characteristics and some pro tips for daily workflow.

Switching tools isn’t a decision to be taken lightly. Here’s a nuts-and-bolts and behind-the-scenes look at how Help Scout migrated design systems from Sketch to Figma — why we made the switch, a step-by-step walkthrough of what it entailed, and what we got out of it — a story that applies to any team considering a large-scale tool migration.

If you’re here reading this, chances are you already know the immense importance of a design system and might have even built one yourself…

A quick guide to starting robust color systems and modes. Figma file is included.

I will walk you through how I structured variables in a comprehensive design system in under 4 days.

Created with FigJam

Playing constant catch up, adding prop after prop to support and maintain too many cases? Break larger components into flexible subcomponents so that users c...

Figma is free to use. Sign up here: https://bit.ly/3msp0OVInterested in learning how to migrate from Styles to Variables? Join us for a look at approaches yo...

*It may actually take you longer than 5 minutes if you don’t meet the prerequisites.

Analyzing all the pros and cons of this method compared to the classic approach with individual icon components.

Thinking about migrating to Figma? Here are a few tips and tricks on how to structure your components for scalability and efficiency.

Figma is one of the best design tools available, and that is largely thanks to the incredible library of plugins. But which are the best?

Figmalion is a weekly newsletter and curated collection of the most valuable stories and resources related to Figma.

A collection of Figma resources all in one place