Figma plugins for design system work.
These plugins are available on the Figma Community, and this repository contains the source code. It's especially useful if your organization restricts Community plugins, as you can sideload them instead.
They run entirely inside your Figma file with no network access, no data sent anywhere, and no third party code.
To sideload a plugin, download it, unzip it, then in the Figma desktop app go to Plugins → Development → Import plugin from manifest…. Full instructions are below.
Click Watch → Custom → Releases on GitHub to be notified about new versions.
Trace token dependencies across your design system
When you change a token, it's often unclear what depends on it, what's affected, and how far those changes spread. Impact Atlas reveals the structure and relationships behind your design system, showing how tokens and components connect and how changes propagate through your files.
- Scans your file's variables and components, plus the variable collections in any connected libraries, so you can search and trace impact paths.
- Calculates impact tiers (High / Medium / Low) based on how deep and wide each token's alias chain runs, weighted by how many components use it.
- Shows dependency chains from tokens through aliases to components, with an optional deeper scan that adds canvas usage counts.
- Copy a plain-text summary of any token or component's tier, aliases, and bound components for audits or documentation.
Extend color tokens into print-ready output
Design system colors often stay consistent in Figma but break in print. Different tools, color profiles, and production workflows shift how colors appear between digital and physical output. Tokens to Ink extends your Figma color variables into print-ready values, using the same variables you already use.
- Reads your color variables and suggests CMYK equivalents — accept or override them.
- Add CMYK, Pantone, RAL, and vinyl values to your tokens, stored as metadata.
- Reuse stored print values wherever those variables are applied in designs.
- Export selected artwork using mapped values for production-ready output.
Stress test layouts under text scaling
Typography systems often work well under ideal conditions but break in real use. Text resizing, assistive technologies, and changing content cause overflow, broken layouts, and lost hierarchy. Font Scaling Lab simulates these conditions so you can test how your typography behaves beyond fixed assumptions.
- No setup required — runs safely on existing layouts without modifying any values.
- Simulates realistic text scaling to mimic zoom and accessibility settings.
- Detects truncation, clipping, and constraint failures caused by fixed dimensions.
- Suggests targeted fixes for each detected issue.
- Go to Releases and download the zip for the plugin you want,
e.g.
impact-atlas-v5.zip. Unzip it. - In the Figma desktop app: Plugins → Development → Import plugin from manifest…
- Pick the
manifest.jsoninside the unzipped folder.
That's it. Nothing to install, nothing to build. Run it any time from Plugins → Development.
Prefer the whole repo? Clone it, or use the green Code button → Download
ZIP, and point step 3 at apps/<plugin>/manifest.json.
Needs the desktop app. Figma in a browser has no Plugins → Development menu, so sideloading isn't possible there. Once imported, the plugin runs on design files — not FigJam or Slides.
Download the new zip from Releases and replace the folder, or
git pull if you cloned. Reopen the plugin and you're on the new version.
Re-import the manifest only if the folder moved.
CHANGELOG.md lists what changed.
Versions are per plugin, so they won't match each other — each matches that plugin's version on the Figma Community. Each plugin logs its version on startup, under Plugins → Development → Open console.
Only needed if you change the code. Requires Node 24 and pnpm:
pnpm install
pnpm buildFeedback and ideas are welcome:
- Email — hello@rafaelmatosdasilva.com
- LinkedIn — rafaelmatosdasilva
MIT — see LICENSE.