Figma Plugins

Audit all text layers in a Figma file for WCAG 2.1 color contrast compliance with batch fix suggestions

Figma plugin that checks color contrast ratios against WCAG 2.1 AA/AAA and suggests accessible alternatives.

Figma plugin that performs live WCAG contrast checking on selected layers. Shows pass/fail for AA and AAA levels with fix suggestions.

Scan Figma designs for accessibility issues — color contrast, touch target sizes, text readability, and missing alt text.

Export Figma transitions and animations as CSS keyframes, Framer Motion, or GSAP code.

Figma plugin that automatically generates dark mode variants of selected frames. Intelligently inverts colors while preserving brand identity.

Batch rename layers with regex, find-and-replace, sequential numbering, and BEM presets

Figma plugin that simulates protanopia, deuteranopia, tritanopia, and achromatopsia on selected frames.

Check WCAG color contrast ratios between selected layers. Suggest accessible alternatives.

Extract all colors from a Figma document and generate design tokens in CSS custom properties or JSON format

Detect detached components, inconsistent styles, and design system violations in Figma.

Audit component usage across a Figma file to find unused, overridden, and detached components

Figma plugin that shows how many times each component is used across all pages and files.

Figma plugin that populates designs with realistic content: names, avatars, addresses, dates, and placeholder text in multiple languages.

Check color contrast ratios between selected layers for WCAG AA/AAA compliance with fix suggestions

Figma plugin that exports selected layers as clean, production-ready CSS with variables and custom properties.

Figma plugin that catches inconsistent spacing, font sizes, colors, and border radii across a design file.

Export Figma styles and variables as CSS custom properties, Tailwind config, JSON tokens, or SCSS variables.

Figma plugin that validates designs against a design token configuration file. Ensures all colors, fonts, and spacing follow the design system.

Export Figma design tokens as CSS custom properties, Tailwind config, or Style Dictionary.

Add measurement annotations to Figma designs and export as PDF or PNG specification sheets.

Pre-export checklist that validates naming, sizing, constraints, and export settings before design handoff

Figma plugin that batch exports icons in multiple formats and sizes. Generates icon fonts, SVG sprites, and React components from icon frames.

Sync Figma icon components to a JSON manifest with name/category/tags for developer handoff

Figma plugin that exports selected icons as SVG sprite, React components, and icon font simultaneously.

Count and categorize all layers in a Figma document with depth analysis and cleanup recommendations

Figma plugin that fills text layers with realistic content — names, emails, addresses, dates — instead of lorem ipsum.

Generate context-aware placeholder text — blog titles, email subjects, user names, addresses based on the layer name or context

Figma plugin that auto-generates redline annotations showing spacing, sizing, and specs between selected elements. Streamlines dev handoff.

Figma plugin that generates developer handoff specs with measurements, spacing, and color annotations.

Figma plugin that shows live responsive previews of a design at common breakpoints side by side.

Highlight inconsistent spacing and suggest design token values for alignment

Visualize spacing between selected elements with dimension annotations — like a built-in design spec tool

Audit all text elements for style consistency — detect unlinked text styles and suggest cleanup

Figma plugin that exports design tokens to CSS custom properties, Tailwind config, or JSON format.

A Figma plugin that exports design tokens to CSS custom properties, Tailwind config, or JSON format.

Figma plugin that catalogs all colors, text styles, effects, and components into an organized design system doc.