Je vais construire un système de design avec des tokens, composants et documentation


À propos de ce service
Traduction automatique
J'ai créé et maintenu le système de design à l'échelle de l'entreprise dans une société de logiciels qui fournit des solutions aux compagnies aériennes et aux grands groupes. Ce n'est pas un simple dossier de captures Figma, mais un système que les ingénieurs utilisent réellement.
Ce que vous obtenez :
- Tokens de design : couleur, typographie, espacement, rayon, élévation, dans une structure qui se traduit clairement en variables CSS ou en configuration Tailwind
- Une bibliothèque de composants dans Figma avec variantes et auto layout adapté, pour qu'elle résiste à un contact avec une vraie équipe
- États couverts : par défaut, survol, focus, désactivé, en chargement, erreur
- Mode clair et mode sombre, si vous avez besoin des deux
- Documentation indiquant quand utiliser un composant et quand ne pas l'utiliser
- Optionnel : les mêmes composants écrits en code React et Tailwind, par les mêmes créateurs qui les ont conçus
Le but d'un système de design est que la cinquième interface prenne une heure au lieu d'une journée. Cela ne fonctionne que si le nommage, les tokens et la documentation sont corrects, ce qui est souvent le point faible des systèmes.
Dites-moi ce que vous avez aujourd'hui, fichier Figma, code existant ou rien du tout, et je vous dirai quel package correspond.
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.
Respectez les droits des tiers
Veuillez noter qu’il est contraire aux politiques de Fiverr pour les freelances d’inclure des thèmes, des modèles ou tout autre élément d'autrui qui enfreint les droits de tiers ou les lois applicables pour les livrables. En savoir plus en lisant notre Guide pour une création numérique responsable.
Découvrez Arif Tarkan
Product Designer and Front End Developer, Enterprise UX, Astro and React Sites
- DeTurquie
- Membre depuisoct. 2022
- Temps de réponse moy.1 heure
Langues
Anglais
Traduction automatique
Mon portfolio
FAQ
Traduction automatique
Pouvez-vous travailler avec notre fichier Figma ou notre code existant ?
Oui, c'est généralement la meilleure option. J'audite ce que vous avez déjà, je conserve les parties qui fonctionnent, et je reconstruis le reste en une structure cohérente de tokens et de composants. Envoyez-moi le lien Figma ou le dépôt, et je vous dirai ce qui peut être récupéré.

