Back to Plugins
letbe tokens

letbe tokens

Contrast-proven design tokens for the letbe design system.

Plugin Preview

letbe tokens preview

About this plugin

letbe tokens is the official Figma plugin for the letbe design system (letbe.design). It brings letbe's three-tier tokens into Figma as variables and styles — and proves, per mode, that every colour pair passes.TOKENS IN:Import from the letbe theme editor, a URL, a file, or pasted JSON — or start from eight built-in presets. Every import is a reviewed diff: added, changed, removed, and which removals would break live bindings.CONTRAST PROOF:Every declared role pair (text on background, border on surface, …) is graded in light and dark against WCAG 2.x, including translucent colours composited over their real backgrounds. Failing pairs get a one-click Auto-fix that re-aliases the role to the nearest passing step of your own ramp — no raw colours, no patched layers. The Audit tab checks the token graph itself: no raw values in semantic tokens, no tier skips, no state vocabulary in the wrong tier.VARIABLES OUT:Pushed by name, so existing variables keep their IDs and your component bindings survive. Text styles bind size and line height to variable modes: switch a frame to S/M/L and the type responds. Export the theme as JSON, open it in the letbe theme editor with one click, or push it to GitHub.WORKS WHERE YOU WORK:In the library file it manages the tokens; in any file that uses the library it becomes a companion: explore the chain, audit, check contrast, and apply tokens or text styles to your own layers — bound to the library's variables, never to a local copy.TRY IT IN 30 SECONDS:Duplicate the letbe-ds Community file and run the plugin inside your duplicate: the full experience on any plan, free included.WHAT IT DOESN'T DO (ON PURPOSE):It reads the letbe token structure only; files from other systems are refused with an explanation, not half-imported. It audits tokens, not layers: a clean audit is not an accessibility claim about your screens.YOUR DATA:No backend, no analytics, no accounts. Network access is restricted to the sources you choose (GitHub/GitLab/Bitbucket URLs, api.github.com with your own token, Google Fonts for previews, letbe.design). Your GitHub token stays on your device.GitHub sync and the write features are free during launch.© letbe — all rights reserved. Feedback: [email protected]

Plugin Details

Version4
CreatedAugust 18, 2026
Last UpdatedSeptember 2, 2026
CategoryAccessibility tools
CreatorMihailo
Stats0 installs, 0 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:main.js
  • Document Access:dynamic-page
  • Network Access:

    Imports token JSON from a GitHub/GitLab/Bitbucket URL you provide; syncs to a GitHub repo you authorise with your own token; loads Google Fonts for typography previews; opens the letbe theme editor with your current theme. No data is sent anywhere else and no analytics are collected.

  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.github.com
    • https://bitbucket.org
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • https://gitlab.com
    • https://letbe.design
    • https://raw.githubusercontent.com