Salut les penseurs du design, Matthew Seer ici. Dans cette session, je vous emmène dans mon processus de conception de contenu dans Figma en utilisant le système de design Pixellink Proteus.
Plutôt que de simplement montrer des composants finaux, je vous explique comment j'utilise le système de design comme fondation pour chaque création. Cela inclut :
Construire des mises en page avec des Blueprints qui s'adaptent à différents cas d'utilisation
Appliquer des Design Tokens pour maintenir la cohérence de la marque en matière de couleur, d'espacement et de typographie
Utiliser Auto Layout et des variantes pour rendre les composants réactifs et réutilisables
Structurer le contenu afin qu'il puisse être réutilisé et réintégré dans le système pour de futurs projets
Ressources et liens Pixellink :
Remise Founder PRO (100 AUD de réduction) : Code I5MTK3NQ
Remise Freelance Pro & Agency Pro de 20 % : Code C0NDG3NG
Aperçu du système de design (Figma) : Voir Proteus dans Figma
Fichier de démonstration gratuit de la communauté : Accéder au fichier de démonstration
Écrans de modèles : Explorer les écrans de modèles
Dans cette vidéo, vous me verrez :
Concevoir des flux et des mises en page directement dans le système de design
Exploiter les tokens, composants et blueprints de Proteus pour créer des designs adaptatifs
Maintenir le système cohérent et évolutif tout en créant de nouveau contenu
Si ce processus vous aide, merci de liker la vidéo, de vous abonner à la chaîne et de laisser un commentaire sur ce que vous aimeriez que j'aborde ensuite, que ce soit la création de composants plus approfondie, des blueprints avancés ou l'intégration de Proteus dans des flux de production.
00:00 Introduction aux systèmes de design dans Figma
01:40 Configuration des modèles d'email dans Figma
04:26 Création de composants réutilisables
08:03 Personnalisation avancée des composants
12:36 Sections dynamiques et espaces de texte
33:21 Construction des sections Avatar et Footer
48:20 Réflexions finales et prochaines étapes