Cartographier

Cartographier les Tokens pour factoriser : Rechercher la simplicité

Visualiser et organiser

Aujourd’hui le nombre d’outils disponible sur le marché est très limité.

Token flow

Token flow de Tokens Studio est spécialisé dans la visualisation des Design Tokens

tokens.studio

https://tokens.studio/tokenflow

JSONViewer

Outils plus génériques de visualisation de structure complexe au format JSON sont aussi une bonne solution.

Visualize JSON Data Instantly: Power Your Insights Online

Effortlessly visualize JSON data online with our user-friendly JSON visualization tool. Easily navigate, analyze, and understand your JSON structures with intuitive visual representations. Start visualizing your JSON data now for enhanced clarity and efficiency.

https://www.jsonviewer.tools/editor

JSONCrack

JSONCrack en particulier via l’extension VSCode afin d’éviter la limitation de taille de fichier JSON dans sa version en ligne.

JSON Crack | Best JSON Viewer, Formatter and Visualizer for everyone

JSON Crack Editor is a tool for visualizing into graphs, analyzing, editing, formatting, querying, transforming and validating JSON, CSV, YAML, XML, and more.

https://jsoncrack.com/

JSON Crack - Visual Studio Marketplace

Extension for Visual Studio Code - Seamlessly visualize your JSON data instantly into graphs.

https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode

Sous forme de texte

Shoelace offre un bon exemple d’organisation des Design Tokens au format Markdown.

Typography

Typography tokens are used to maintain a consistent set of font styles throughout your app.

https://shoelace.style/tokens/typography

shoelace/docs/pages/tokens/typography.md at next · shoelace-style/shoelace

A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME 👇👇👇 - shoelace-style/shoelace

https://github.com/shoelace-style/shoelace/blob/next/docs/pages/tokens/typography.md