Engramma

Spec sheet

Purpose

Engramma is a web based editor and converter for creating, previewing, and exporting design tokens for design systems.Read 8 Oct 2026 · github.com

Integrations

The maker describes synchronizing tokens with project code and integrations with graphics editors and website builders as future ideas.Read 8 Oct 2026 · trysound.io

Support

The app invites users to support ongoing development by sponsoring the project and lists [email protected] as its sponsor and contact email.Read 8 Oct 2026 · app.engramma.dev

License

The project is licensed under the MIT License.Read 4 Oct 2026 · github.com

Maker

Bogdan Chadkin says he started building Engramma as a design tokens app.Read 4 Oct 2026 · trysound.io

Aliases

Token aliases can create semantic layers, support theme variations, reduce repeated values, and reference tokens inside composite tokens.Read 8 Oct 2026 · github.com

Data and analytics

The maker described Engramma as using anonymous analytics.Read 8 Oct 2026 · trysound.io

Exports

It exports tokens as JSON, CSS custom properties, and SCSS variables.Read 8 Oct 2026 · github.com

Import

It imports DTCG JSON from the 2025 specification, JSON from the 2022 draft, and CSS variables.Read 4 Oct 2026 · github.com

Imports

Users can import DTCG 2025 JSON, DTCG 2022 draft JSON, or CSS custom properties.Read 8 Oct 2026 · github.com

Intended audience

The maker invites people who work with design systems to try Engramma and provide feedback.Read 8 Oct 2026 · trysound.io

Open source

The project is open source and licensed under the MIT License.Read 8 Oct 2026 · github.com

Share drafts

The app can create a share URL containing the current token data.Read 8 Oct 2026 · github.com

Sharing

The app can create a share URL containing the current token data.Read 4 Oct 2026 · github.com

Token previews

The editor previews colors, typography, spacing, and other design token values.Read 4 Oct 2026 · github.com

Token types

It supports color, dimension, duration, number, font family and weight, cubic Bézier, stroke style, border, shadow, transition, typography, and gradient tokens.Read 8 Oct 2026 · github.com

Web component

An embeddable web component can detect CSS variables on a page and let developers edit them in real time.Read 8 Oct 2026 · github.com

Where Specifiction places it

• Design System Software#19 of 227.2