Stack UI/UX
Tu conçois des interfaces, des landing pages ou des dashboards. La valeur n'est pas d'avoir 25 plugins : c'est d'avoir un système, des composants fiables et un handoff qui évite les allers-retours.
- Sélection
- 7 outils
- Budget cible
- 42 € par mois
- Profil
- Structuration stade d'activité
Quel outil pour quoi ?
Design sourceFigma
Composants, prototypes, commentaires et handoff au même endroit.
TokensFigma Tokens (Tokens Studio)
À utiliser si les variables doivent vivre dans le design et le code.Icônes
Iconify for Figma
Recherche multi-librairies sans importer des packs incohérents.Accessibilité
Stark
Contraste et lisibilité avant livraison.Atelier
Miro
Parcours, audits, ateliers client et alignement amont.Prototype web
Framer
Tester une landing ou une interaction sans lancer un build.Handoff optionnel
Zeplin
À garder si l'équipe dev ne travaille pas dans Figma.
Pourquoi cette combinaison ?
Le bon setup UI/UX commence par trois couches : Figma comme source de vérité, Tokens Studio uniquement si les styles doivent vivre au-delà d'une maquette, Stark avant livraison pour éviter les problèmes de contraste. Iconify est utile parce qu'il évite de disperser les icônes dans dix fichiers. Zeplin ne se justifie que si l'équipe dev ne travaille pas dans Figma. Sinon, c'est un deuxième handoff qui ajoute du bruit.
Adaptée si…
UI/UX freelance, product designer solo, refonte SaaS, design system léger et landing pages.
À éviter si…
Tu livres surtout du print, de la photo ou des identités sans interfaces.
Une source de vérité design
Figma porte les composants, les états, les commentaires et les écrans validés.
Des tokens seulement si utiles
Tokens Studio devient rentable quand couleurs, typo et espacements doivent être maintenus dans plusieurs thèmes ou produits.
Un contrôle qualité avant dev
Stark et un check composants évitent de transmettre des erreurs qui coûtent plus cher en développement.
Combien prévoir ?
- Figma Tokens (Tokens Studio)17 €
- Figma14 €
Le budget cible est l'enveloppe recommandée pour démarrer. Le prix catalogue additionne le premier plan payant de chaque outil du socle. Les outils en option n'y sont pas comptés.
Ce qui mérite votre attention
Multiplier plugins, librairies et outils de handoff alors que le vrai problème est souvent l'absence de conventions partagées.
Plugin magique
Un plugin ne remplace pas une nomenclature claire ni une bibliothèque propre.
Zeplin par habitude
Garde Zeplin seulement si le client l'impose ou si Figma Dev Mode n'est pas adopté.
Plus de 40 composants
C'est le moment de formaliser variants, naming, tokens et états.
Handoff récurrent aux devs
Si les mêmes questions reviennent, ce n'est pas un problème de plugin : c'est un problème de conventions.
Les questions à te poser
Tes composants ont-ils des variants et des états nommés clairement ?
Non → commence par ça avant d'ajouter un outil de handoff. Les devs ont besoin de règles, pas de décor.
Tu utilises Tokens Studio pour un vrai système ou seulement pour ranger des couleurs ?
Seulement couleurs → les styles natifs Figma suffisent. Tokens Studio prend sa place quand les tokens doivent être exportés ou synchronisés.
L'accessibilité est-elle vérifiée avant la revue client ?
Non → Stark doit passer avant livraison, sinon les corrections arrivent trop tard et coûtent plus cher.
