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 Features
Color Scheme Management
Explore 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-management
APCA Matrix Generation & Exploration
Validate 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-explorer
Token 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-commander
JSON schemes & AI prompts:
https://inked-colibri.narek.ch/docs/json-schemes
Why Inked Colibri
Inked 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.
Resources
Full documentation:
https://inked-colibri.narek.ch/
Video overview:
Plugin Details
| Version | 13 |
|---|---|
| Created | January 13, 2025 |
| Last Updated | January 17, 2026 |
| Category | design-tools-other |
| Creator | Colibri Inked |
| Stats | 7 installs, 0 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.