Engramma
Engramma: A focused open-source token editor with useful import, export, and preview tools. Ranked #17 of 22 in Design System Software by our editors (6.1/10); pricing: Open source; best for open-source users needing lightweight token editing.
At a glance
- Editor score6.1 / 10
- PricingOpen source
- Best forOpen-source users needing lightweight token editing
- Paid fromFree
- Token managementYes
- Facts checked20 Sep 2026
Where it wins
- Imports DTCG JSON and CSS variables
- Exports tokens as JSON, CSS, or SCSS
- Supports aliases, previews, sharing, and embedding
Where it doesn't
- No code synchronization
- No external-editor integrations
- No versioning for broader system workflows
Our verdict on Engramma
Engramma is an open-source, web-based design token editor and style-guide tool from TrySound. It is aimed at developers and design-system teams that need to create, organize, preview, import, and export tokens without a broader commercial design-system suite. Its tree-based editor supports colors, typography, spacing, and other token types, while aliases and references help structure semantic token layers. Projects can be shared through a URL, and the editor can be embedded as a web component.
Its strongest fit is format flexibility. Engramma imports DTCG JSON and CSS variables, then exports tokens as JSON, CSS, or SCSS. The real-time CSS variable editor can also make token changes directly within a webpage. These capabilities suit teams working across design-token files and lightweight web documentation, particularly when open-source software and browser access are priorities. Cloud hosting keeps the product web-based, while the published feature set centers on token management rather than connected repository workflows.
The narrower scope matters for teams building a larger, continuously synchronized design system. Engramma does not provide code synchronization, external-editor integrations, or versioning, which limits its role in workflows that require repository connections, change history, or broader platform coordination. Choose it for focused token editing, previews, exports, shareable projects, and embedded editing. Consider an alternative if your team needs integrated development-tool workflows or versioned system management alongside token creation.
Your product? Our editors can test Engramma in depth and publish a review, labelled as paid · from $149/mo →
Engramma pricing
Engramma fact sheet
| Free plan | Not verified |
|---|---|
| Paid from | Free |
| Token management | Yes |
| Component documentation | Not verified |
| Design tool sync | Not verified |
| Code sync | No |
| Governance workflows | Not verified |
| Hosting | Cloud |
| Versioning | Not verified |
| Deployment | Cloud |
| Platforms | Web |
| Support | Email, Docs |
| Built for | Solo, Small business (editorial estimate) |
| Pricing | Open source |
| Website | engramma.dev |
| Facts checked | 20 Sep 2026 |
Alternatives to Engramma
- Carbon Design SystemA free, open-source design system with coded components and multiple framework implementations.9.3
- SupernovaA broad system for connecting design assets, documentation, code, and delivery workflows.8.8
- Tokens StudioA governed token platform linking Figma, code repositories, releases, and documentation.7.8
See all Engramma alternatives →
Used Engramma? Be the first to review it
The editor score above is our own research. What this page doesn't have yet is a reader's view — what you used Engramma for, what worked and what didn't. No stars are seeded and no review is paid for; an editor reads every one before it appears.
Write a reviewTwo minutes · verified accounts only · read by an editor before it appears
Featured on iTechGuides
Engramma is listed in our Design System Software directory. Add the badge to your site — it links back to this page.
<a href="https://www.itechguides.com/products/engramma/"><img src="https://www.itechguides.com/best/badge/engramma.svg" alt="Featured on iTechGuides" width="230" height="46"></a>
Reviewed by iTechGuides Editors · Editorial team · Updated Oct 2026
Advertiser disclosure: iTechGuides is reader-supported. Vendors can pay for top positions in our rankings and for a place on other products' pages, and we may earn a commission when you click some links. Bought places stand at the number bought; this page and our disclosure say so. Paying vendors may get a fuller, more detailed review from our editors, and that review can change their score. How we rank.
Last updated · How we research and update