Un outil libre remplace-t-il Figma ?

Penpot couvre la maquette, les composants et l'inspection de code, s'auto-héberge et lit le SVG nativement. Les plugins et la bibliothèque communautaire restent moins fournis.

Quels outils avant une mise en ligne ?

Un compresseur d'images, un optimiseur SVG, un testeur multi-écrans et un vérificateur de contraste.

Outils de design d’interface et de production

Maze

Test utilisateur à distance branché sur un prototype Figma : parcours, taux de réussite et carte de chaleur des clics, sans séance animée.

Stark

Suite d'accessibilité intégrée à Figma et au navigateur : contraste, simulation de vision, ordre de focus et annotations pour les développeurs.

Responsively App

Équivalent libre : scroll et clics répliqués sur toutes les tailles d'écran affichées côte à côte, avec capture de page complète.

Webflow

Éditeur visuel qui expose fidèlement le modèle de boîte CSS : ce que vous manipulez correspond aux propriétés réelles, CMS et export inclus.

Polypane

Navigateur de développement qui affiche plusieurs largeurs simultanément, avec simulation de daltonisme, audit de contraste et vérification des métadonnées sociales.

Framer

Éditeur de site qui publie directement en production, avec un moteur d'animation au scroll et des composants React personnalisés.

Fontjoy

Génère des associations titre / texte / accroche à partir des Google Fonts, avec un curseur de similarité pour doser le contraste entre familles.

remove.bg

Détourage automatique en quelques secondes : gratuit en basse définition, payant au crédit pour la pleine résolution et l'API.

tldraw

Tableau blanc infini doublé d'un SDK canvas embarquable : la brique la plus rapide pour ajouter une surface de dessin à un produit.

Spline

Éditeur 3D dans le navigateur avec export web direct : matériaux, événements de souris et physique, sans passer par Blender.

TinyPNG

Compression avec perte contrôlée qui préserve la transparence : vingt fichiers gratuits par lot, API pour l'automatiser en chaîne de production.

Utopia

Calculateurs qui produisent des échelles de type et d'espacement fluides en clamp() : deux points d'ancrage suffisent, plus de points de rupture arbitraires.

Excalidraw

Tableau blanc au rendu main levée : le trait volontairement imparfait empêche un schéma de passer pour une maquette finalisée.

SVGOMG

Interface de SVGO : chaque optimisation s'active séparément avec un aperçu du rendu et le gain en octets affiché en direct.

Type Scale

Visualise une échelle modulaire au ratio choisi sur du texte réel, avec la fonte de votre choix et le CSS correspondant à copier.

Penpot

L'alternative libre à Figma, auto-hébergeable en Docker : format de fichier SVG natif, composants, flex et grid alignés sur le CSS réel.

Squoosh

Compresseur de Google qui tourne entièrement dans le navigateur, avec comparaison avant-après au curseur et encodeurs AVIF, WebP et MozJPEG.

Figma

Le standard de fait de la maquette d'interface : édition à plusieurs en temps réel, composants à variantes, variables de design et inspection de code.