Pour qui : quelqu'un qui repart de zéro sur un Mac avec seulement Claude Code et Figma installés.

Objectif : arriver à un projet web configuré, avec les tokens Figma synchronisés automatiquement.

Ce dont tu as besoin avant de commencer

Outil Pourquoi Gratuit ?
Claude Code L'agent IA qui fait le travail à ta place Oui (compte Anthropic)
Figma Desktop Source de vérité des tokens Oui (compte Figma)
Node.js Fait tourner les scripts de sync Oui
Cursor L'éditeur de code connecté aux agents IA Oui (plan gratuit)
**Plugin AKQA
Figma Extractor** Exporte les variables Figma en .json Interne AKQA

Étape 1 — Installer Node.js

Pourquoi : Node.js est le moteur qui fait tourner les scripts de sync tokens. Sans lui, rien ne fonctionne.

  1. Va sur nodejs.org
  2. Télécharge la version marquée LTS (la plus stable)
  3. Lance l'installeur, clique Suivant jusqu'à la fin
  4. Pour vérifier que c'est bien installé : ouvre le Terminal (cherche "Terminal" dans Spotlight avec Cmd+Espace) et tape :
node --version

Si tu vois un numéro de version (ex: v20.11.0), c'est bon.

Étape 2 — Installer Claude Code

Pourquoi : Claude Code est l'agent IA qui lit ton projet et génère le code à ta place. Il tourne dans le terminal.

  1. Dans le Terminal, tape :
npm install -g @anthropic-ai/claude-code
  1. Vérifie que l'installation a fonctionné :