Introducing Local Print, your go-to Figma Plugin for seamless documentation of design variables and styles! Elevate your workflow with features designed to streamline the documentation process and enhance collaboration. You can easily display and refresh your variables and styles in a few clicks and share it with your team.
Automate production of page and component design specifications (“specs”) of selected components, instances and frames. The output is useful for design-dev handoff, auditing in progress design work, and critiquing with teammates.
Generate all possible instances for your components, including every combination of variants and component properties, all in a tidy labelled table.
Ensure your designs are accessible and inclusive with the power of automated color analysis! The Color Contrast Grid for Figma variables plugin reviews your Figma color variables to create a comprehensive contrast matrix that simplifies accessibility checks.
With tools like Contrast Checker, Focus Order, Alt-Text Annotations, Vision Simulator, and more all in one place, you can find accessibility issues in a design before it goes into production—or quickly analyze and fix what’s already in flight.
Ensure your designs are accessible and inclusive with the power of automated color analysis! The Color Contrast Grid for Figma variables plugin reviews your Figma color variables to create a compre
Insert beautiful images from Unsplash into your designs.
From Siri's creators, DesignPro is your design iteration partner. It's like having a design manager who analyzes your work against 600+ best practices, delivering UI & UX reviews in minutes instead of weeks – all powered by GPT-4o and Claude.
A modular scale in Typography is used to generate a visual rhythm in font sizes. This plugin helps to generate those sizes. Starting with a base-value, font-size increments and decrements from that size with a multiplier you set.
Generate multiple shades from the same base color. Enter a base color with the color picker (square next to hex value) or typing a hex value into the input field. Adjust the contrast by clicking and dragging on the contrast value or by entering a number between 0-100.
Variable Visualizer transforms your abstract token system into a living, interactive map. Build connections, debug relationships, and manage your entire design system visually.
We’ve created a series of short video tutorials to help you get the most out of our Design System Starter Kit. Whether you're just getting started or customizing it for your brand, these videos will guide you through every step—fast, easy, and stress-free.
Read moreA well-structured design system helps ensure consistency, scalability, and efficiency across digital products. Two fundamental concepts in design systems that contribute to this structure are primitives and semantic variables.
Read more