https://videos.ikacode.com/videos/watch/d3598afb-dd0a-49f3-9b01-5419df67f708 Les composants sont des unités réutilisables essentielles dans votre processus de design. Dès lors qu'un élément (bouton, header, carte, icône...) est amené à être utilisé à plusieurs endroits de votre projet, créer un composant vous permet de garder un contrôle global sur toutes les instances. Un composant vous permet non seulement d'apporter des modifications globales instantanées sur la stylisation de vos éléments, mais aussi d'ajouter ou retirer des éléments, ainsi que de créer des variations. Bref, les composants sont une fonctionnalité puissante de Penpot, et nous allons l'aborder dans cette vidéo dédiée! Vous apprendrez: comment créer un composant principal, bien organiser et structurer votre bibliothèque de composants, la différence entre un composant principal et ses copies, créer des variations, jouer avec les propriétés, imbriquer des composants dans des composants, partager votre bibliothèque de composants au sein de votre équipe, Retrouvez les autres vidéos dans la playlist de formation Penpot. Et pour tester Penpot, rendez-vous sur https://penpot.app Chapitres 00:00:00 À quoi sert un composant? 00:01:23 Organiser vos composants sur une page dédiée 00:03:00 Créer des composants simples : des icônes 00:06:10 Structurer votre bibliothèque de composants 00:07:01 Différence entre le composant principal et ses instances 00:07:58 Exemple de composant avancé avec imbrication : les boutons 00:12:27 Créer des variations 00:21:32 Ajouter des notes 00:23:05 Modifier un composant principal ou ses instances 00:26:47 Restaurer un composant principal supprimé par erreur 00:28:00 Exemple de composant plus complexe : une carte 00:39:17 Partager votre bibliothèque de composant 00:41:00 Conclusion Mon, 04 May 2026 15:35:44 GMT https://validator.w3.org/feed/docs/rss2.html PeerTube - https://videos.ikacode.com https://videos.ikacode.com/lazy-static/avatars/42471584-bd8d-4c5b-9554-5e8082de2804.png https://videos.ikacode.com/videos/watch/d3598afb-dd0a-49f3-9b01-5419df67f708 All rights reserved, unless otherwise specified in the terms specified at https://videos.ikacode.com/about and potential licenses granted by each content's rightholder.