Importer des fichiers Mode JSON
Glisser un ou plusieurs fichiers JSON exportés depuis Figma ici.
ou
ou
Primary est un outil de génération de fichiers CSS pour les projets Alsacréations, avec configuration et téléchargement d'un kit CSS complet (avec tokens, thématisation et layouts) à partir d'exports JSON depuis Figma*.
Deux sources sont possibles : importer un ou plusieurs fichiers JSON ou débuter une projet vierge (fichiers themes par défaut, non personnalisés).
La configuration se fait
automatiquement (extraction des primitives et
tokens, modes light/dark, polices et espacements fluides avec
clamp() si possible) à partir des données JSON
importées.
Un export complet est ensuite généré et téléchargeable en ZIP.
* Sur Figma : ouvrir la modale Variables, clic droit sur une collection et bouton "export modes".
theme.json ?
Dans WordPress, theme.json sert à
centraliser la configuration du thème pour
l’éditeur de blocs (Gutenberg).
Il permet de définir globalement les styles (couleurs, typographies, espacements), les réglages disponibles pour l’utilisateur (activer/désactiver certaines options) et le style par défaut des blocs, sans passer par du CSS ou du PHP.
En résumé, theme.json rend le thème plus cohérent, plus maintenable et mieux intégré à l’éditeur moderne de WordPress.
reset.css,
layouts.css et natives.css ?
Nos Guidelines Alsacréations recommandent d'utiliser ces fichiers CSS dans chacun de nos projets afin d'assurer une base solide et cohérente :
Primary peut ajouter ces fichiers automatiquement à votre kit et surtout se charger de récupérer les dernières versions à jour !
Fichiers présents dans le kit complet ZIP :
.editorconfig — règles d'édition / formatage
partagées.
.gitignore — liste des fichiers et dossiers ignorés
par Git.
.vscode/extensions.json — recommandations
d'extensions pour VS Code.
.vscode/settings.json — paramètres d'espace de
travail pour VS Code.
postcss.config.mjs — configuration PostCSS.prettier.config.mjs — configuration Prettier.
stylelint.config.mjs — configuration Stylelint.
vite.config.js — configuration du
bundler/developpement (Vite).
Ces fichiers servent à standardiser l'environnement de développement et les outils (formatage, linting, build et éditeur).