Engramma

5.6easy start · #19 of 21
in Design System Software

Runs on Web.

Engramma is ranked #19 of 21 in design system software on The Geeks Club. It runs on Web.

Compared on design system software

Particles UI 0 of 4 in the starter kit Lesson 18.0 zeroheight 0 of 4 in the starter kit Lesson 27.5 Zaklad 0 of 4 in the starter kit Lesson 37.4 Terrazzo 0 of 4 in the starter kit Lesson 47.2 Bezel 0 of 4 in the starter kit Lesson 57.1 Carbon Design System 0 of 4 in the starter kit Lesson 67.1

Purpose: Engramma is a web-based design token editor and converter for building design systems.
Token previews: The editor previews colors, typography, spacing, and other design token values.
Import: It imports DTCG JSON from the 2025 specification, JSON from the 2022 draft, and CSS variables.
Token types: Supported types include color, dimension, duration, number, font family, font weight, border, shadow, typography, and gradient.
Aliases: Token aliases can map abstract values to semantic roles, support design variations, and reduce duplication.
Exports: Engramma exports tokens as DTCG-shaped JSON, CSS custom properties, or SCSS variables.
Sharing: The app can create a share URL containing the current token data.
Web component: Developers can embed Engramma as a web component to edit CSS variables on a page in real time.
License: The project is licensed under the MIT License.
Integrations: The maker describes synchronization with project code and integrations with graphics editors and website builders as future ideas.
Maker: Bogdan Chadkin says he started building Engramma as a design tokens app.

Claim it for free: prove the domain, then correct facts, plans and screenshots. An editor reviews every change.