Moon Moon DocRetour vers moon-moon.fr ↗Retour vers moon-moon.fr ↗ (opens in a new tab)
GitHubGitHub (opens in a new tab)
  • Introduction
  • Installations
    • VScode setup
    • VScode Configuration
    • GitHub
    • Figma
  • Apps
    • Wishlist Power
  • Liquid
    • App Lazyload
    • Champs Shopify
    • Dynamic Checkout Button
    • Dynamic Share Links
    • Loop
    • New Section
    • Marquee
  • Markdown
    • Syntaxe
    • Syntaxe
  • Script JS
    • Cart Redirect
    • External Links
    • Media Query
    • Wait for Element
  • Splide
    • Splide
  • Tutos
    • Champs Shopify
  • Introduction
  • Installations
    • VScode setup
    • VScode Configuration
    • GitHub
    • Figma
      • Récupération des variables figma sur vs code
  • Apps
    • Wishlist Power
  • Liquid
    • App Lazyload
    • Champs Shopify
    • Dynamic Checkout Button
    • Dynamic Share Links
    • Loop
    • New Section
    • Marquee
  • Markdown
    • Syntaxe
    • Syntaxe
  • Script JS
    • Cart Redirect
    • External Links
    • Media Query
    • Wait for Element
  • Splide
    • Splide
  • Tutos
    • Champs Shopify
  • Retour vers moon-moon.fr ↗ (opens in a new tab)

On This Page

  • Récupération des variables figma sur vs code
Question? Give us feedback → (opens in a new tab)Edit this page
Installations
Figma

Figma

MAJ Conf 2024


Récupération des variables figma sur vs code

  1. Extension pour récuperer le json des variables du figma ⇒ Variables to Json (opens in a new tab)
  2. Transformer le json en variable css ⇒ https://moon-moon.fr/pages/json-to-css (opens in a new tab)
  3. Copier dans le fichier mm-variables.css
  4. Vérifier et ajuster les class des fichiers css (supprimer ou ajouter)
GitHubWishlist Power

2025 © Moon Moon