HTML to Figma

par PIXIMIND · https://htmltofigma-dev.pixi.tn En service jeton requis

Transformez une page web en calques Figma modifiables. Installez le kit designer une fois, puis collez des adresses dans le plugin Figma.

Télécharger le kit designer (0.1 Mo)

Le kit est préconfiguré pour ce serveur ; demandez le jeton à l’administrateur et saisissez-le une fois dans le plugin, section « Serveur ».

Depuis une URL

Le serveur ouvre la page dans un navigateur sans interface et renvoie la mise en page.

Calques modifiables

Cadres, textes, images et vecteurs, pas une capture d’écran.

Plusieurs largeurs

Bureau 1440, tablette 768 et mobile 390 en un seul import.

Installation (2 minutes)

1. Décompressez le kit et conservez le dossier à un emplacement permanent (Figma le lit sur le disque).
2. Application Figma → Plugins → Development → Import plugin from manifest… → plugin/manifest.json.
3. Lancez HTML to Figma by PIXIMIND : collez les adresses des pages, cochez les largeurs d’écran, Importer dans Figma.
4. Pages nécessitant une connexion : chargez chrome-extension dans Chrome (chrome://extensions, mode développeur), capturez, puis utilisez l’onglet « Depuis un fichier » du plugin.

Instructions complètes dans INSTALL.md, inclus dans le kit.

HTML to Figma

by PIXIMIND · https://htmltofigma-dev.pixi.tn Running token required

Turn a live web page into editable Figma layers. Install the designer kit once, then paste URLs in the Figma plugin.

Download the designer kit (0.1 MB)

The kit is pre-configured for this server; ask the admin for the token and type it once in the plugin under "Server".

From a URL

The server opens the page in a headless browser and returns the layout.

Editable layers

Frames, texts, images and vectors, not a screenshot.

Several widths

Desktop 1440, tablet 768 and mobile 390 in one import.

Install (2 minutes)

1. Unzip the kit and keep the folder somewhere permanent (Figma reads it from disk).
2. Figma desktop app → Plugins → Development → Import plugin from manifest… → plugin/manifest.json.
3. Run HTML to Figma by PIXIMIND: paste page URLs, tick screen widths, Import into Figma.
4. Pages that need a login: load chrome-extension unpacked in Chrome (chrome://extensions, Developer mode), capture, then use the plugin’s "From file" tab.

Full instructions are in INSTALL.md inside the kit.