Blog
Guides sur HTML to Figma, l'Auto Layout, les design systems et les workflows de l'IA vers le design.
CSS to Figma Auto Layout : Flexbox et Grid vers Auto Layout
Flexbox et l'Auto Layout de Figma se ressemblent, mais ce n'est pas le même modèle. Ce guide technique fait correspondre les propriétés CSS aux réglages Auto Layout, explique pourquoi la vérification compte et montre comment écrire un CSS qui s'importe proprement.
22 octobre 2026 · 10 min de lecture
Localhost to Figma : capturer une page avec l'extension Chrome
Certaines pages sont hors de portée d'un import d'URL : votre build en localhost, un tableau de bord protégé par une connexion, un menu ouvert à l'instant. L'extension Chrome gratuite HTML to Frames les capture depuis votre propre navigateur et les transforme en calques Figma modifiables.
21 octobre 2026 · 9 min de lectureAI to FigmaAI to Figma : envoyer l'UI de Claude et Cursor dans Figma (MCP)
Les outils de code assistés par IA peuvent construire une UI fonctionnelle en quelques minutes, mais les designers en ont toujours besoin dans Figma. Voici comment connecter Claude Code, Claude Desktop ou Cursor à HTML to Frames via MCP et obtenir des calques modifiables plutôt que des captures d'écran.
20 octobre 2026 · 9 min de lecturewebsite to FigmaWebsite to Figma : importer un site dans Figma pour une refonte
Un guide pratique pas à pas pour les agences : transformer le site actuel d'un client en calques Figma modifiables et en proposition de refonte. Imports multipages, Responsive sets, Light + Dark, planches avant/après et exemple de planning de sprint.
18 octobre 2026 · 9 min de lectureHTML to frameHTML to frame : comment un DOM devient de l'Auto Layout Figma
Transformer du HTML en frames Figma, c'est facile à mal faire et difficile à bien faire. Voici comment HTML to Frames transpose un DOM en frames imbriqués, déduit l'Auto Layout à partir de la géométrie mesurée et vérifie chaque enfant pour que le design ne casse jamais.
16 octobre 2026 · 8 min de lectureHTML to canvasHTML to canvas : capture bitmap ou calques Figma modifiables
Cherchez « HTML to canvas » et vous trouverez deux choses très différentes : des bibliothèques JavaScript qui transforment une page en pixels, et des outils qui placent une page sur le canvas Figma sous forme de calques. Cet article explique les deux, quand choisir l'une ou l'autre, et comment traiter le contenu qui est réellement un canvas.
14 octobre 2026 · 8 min de lectureHTML to designHTML to design : un workflow de refonte du site web vers Figma
La plupart des refontes partent d'un site qui existe déjà, et pourtant la plupart des fichiers de design partent d'un canvas vide. Voici un workflow HTML to design concret qui transforme des pages en ligne en calques modifiables, en design system réutilisable et en prototype cliquable.
11 octobre 2026 · 8 min de lectureHTML to FigmaHTML to Figma : comment convertir HTML en Figma (guide 2026)
Convertir du HTML en Figma ne signifie plus reconstruire une page à la main ni coller une capture d'écran plate. Ce guide passe en revue chaque méthode d'import, les choix d'écrans et d'options qui comptent, et la façon d'obtenir des calques propres et modifiables dès le premier essai.
8 octobre 2026 · 9 min de lectureArrêtez de redessiner le web.
Collez un lien et obtenez en quelques secondes de vrais calques Figma, modifiables et responsive. Gratuit pour commencer — 10 imports par mois.
Sans carte bancaire. Pro s'achète directement dans Figma.
Bientôt sur la Figma Community