Je vais construire votre design system Figma avec des tokens et des variables


À propos de ce service
Traduction automatique
Un design system n’est utile que si votre équipe l’utilise réellement. La plupart des bibliothèques Figma se décomposent de la même manière : couleurs codées en dur, composants sans états et personne ne sait quel bouton est le bon.
Je suis Lead Product Designer avec plus de 10 ans d’expérience en UX/UI, dont 7 chez Deloitte Digital. J’ai conçu des design systems pour des produits fintech et B2B, notamment le portail d’intégration Masterpass et Ledgerly, un tableau de bord comptable avec des thèmes Clair et Sombre (241 variables, 56 ensembles de composants).
Ce que vous obtenez :
- Fondations de tokens dans les variables Figma : couleur, typographie, espacement, rayon, effets
- Tokens sémantiques, pour que les thèmes et le mode sombre soient un commutateur, et non une refonte
- Composants avec de vrais états : survol, focus, désactivé, erreur, chargement
- Mise en page automatique et variantes qui tiennent lorsque le contenu change
- Un fichier propre et documenté que vos designers et développeurs peuvent prendre en main
Idéal pour : produits SaaS, startups qui passent d’un kit UI désordonné, équipes préparant une refonte ou un mode sombre.
Vous avez un fichier existant ? Envoyez-le avant la commande et je vous dirai ce qu’il faut ajuster.
Préférence du type de livraison
Veuillez informer le freelance de toute préférence ou préoccupation concernant l'utilisation d'outils d'IA dans la réalisation et/ou la livraison de votre commande.
Découvrez Bedri Cem I.
Lead Product Designer, SaaS UX UI and Design Systems
- DeTurquie
- Membre depuisdéc. 2021
Langues
Anglais
Traduction automatique
Mon portfolio
FAQ
Traduction automatique
Pouvez-vous améliorer un fichier Figma existant ?
Oui. Je peux auditer votre fichier actuel, reconduire les couleurs et les typographies en tant que variables, et nettoyer les composants sans casser les écrans qui les utilisent déjà.
Comment les développeurs utilisent-ils les tokens ?
Les variables sont nommées par utilité (par exemple color/bg/primary), elles correspondent directement aux variables CSS ou à un fichier de thème. Je peux aussi les exporter au format JSON si votre équipe en a besoin.
Quels composants sont inclus ?
La Bibliothèque centrale couvre 12 éléments essentiels tels que bouton, champ, select, case à cocher, bouton radio, bascule, tag, info-bulle, carte, modal, onglets et ligne de tableau. Besoin d’autres éléments ? Dites-le-moi et je les échangerai.
Ai-je la propriété des fichiers sources ?
Oui. Vous obtenez le fichier Figma complet avec toutes les variables, styles et composants une fois la commande terminée.

