Inked Colibri — Realtime Colors to Variables & APCA Design System Tools
Convert Realtime Colors into accessible Figma variables and design tokens
Plugin Preview
About this plugin
Inked Colibri is a Figma plugin for streamlining design system creation through structured color management, accessibility validation, and variable-based workflows.It converts Realtime Colors palettes into Figma variables, helps you generate and explore color schemes, and validates contrast using APCA standards — so you can build accessible, consistent color systems instead of managing colors manually.The plugin focuses on three main areas: color exploration, accessibility validation, and structured variable management — all connected to support design system work from exploration to implementation.Core FeaturesColor Scheme ManagementExplore and generate color systems before committing them to your design system.Generate color schemes such as monochromatic, analogous, complementary, and more.Randomize palettes with support for multiple harmony models.Update and synchronize colors across your system.Perform APCA contrast calculations and validation.Documentation:https://inked-colibri.narek.ch/docs/color-managementAPCA Matrix Generation & ExplorationValidate accessibility and explore combinations visually.Generate contrast matrices in three formats: huge, compact, and slim.Generate shade-on-shade APCA matrices to explore contrast across tonal ranges.Generate alpha-based (transparent) matrices to test overlays on base shades.Adjust contrast thresholds (from 15 to 106) based on your requirements.Interactively explore and validate all possible color pairings.Documentation:https://inked-colibri.narek.ch/docs/color-management/color-scheme-apca-explorerToken Commander (Advanced Variable Tooling)Automate large variable systems and structured token architectures.Generate hundreds of variables in minutes instead of days.Bind variables to variables and styles to variables.Support for both color styles and text styles.Use predefined JSON token architectures or create your own.Use AI-assisted prompts to generate and structure variables consistently.Documentation:https://inked-colibri.narek.ch/docs/figma-var-management/token-commanderJSON schemes & AI prompts:https://inked-colibri.narek.ch/docs/json-schemesWhy Inked ColibriInked Colibri is designed for teams and designers who:Build and maintain design systems.Care about accessibility from the start, not as a last step.Want a structured, variable-driven workflow instead of manual color management.Need to explore and validate color combinations before implementation.Want to keep design and development aligned through shared tokens.ResourcesFull documentation:https://inked-colibri.narek.ch/Video overview:https://youtu.be/H7M28NFhJ14
Plugin Details
| Version | 13 |
|---|---|
| Created | January 13, 2025 |
| Last Updated | January 17, 2026 |
| Category | design-tools-other |
| Creator | Colibri Inked |
| Stats | 9 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
The plugin needs to parse Realtime Colors URLs to extract color values
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the design-tools-other category.