<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Formation Penpot - Partie 8 : Les Design Tokens</title>
        <link>https://videos.ikacode.com/videos/watch/497a6593-0b24-4c58-bf11-fc70eb19b68b</link>
        <description>Les design tokens sont une fonctionnalité avancée et essentielle pour bâtir des design systems maintenables et avancés. Dans cette vidéo on va d'abord voir ce qu'on peut enregistrer comme éléments réutilisables de design sans les design tokens, puis on verra comment créer des collections et des thèmes avec notre librairie de design tokens. Lien utiles Documentation officielle sur les design tokens (en anglais) : https://help.penpot.app/user-guide/design-systems/design-tokens/ Plugins pour gérer ses desgin tokens : https://penpot.app/penpothub/plugins?q=token Penpot Theme generator (outil en ligne gratuit pour créer ses design tokens) : https://www.penpotthemegenerator.com/ Et pour tester Penpot, rendez-vous sur https://penpot.app Retrouvez les autres vidéos dans la playlist de formation Penpot Chapitres 00:00:00 C'est quoi les design tokens ? 00:01:20 Gérer ses couleurs et typographies sans design tokens dans Penpot 00:04:12 Créer ses premiers design tokens 00:08:15 Créer des collections 00:12:22 Créer des thèmes (Sombre et Clair) 00:12:56 Appliquer les design tokens sur des éléments 00:15:27 Tester les thèmes sur son design 00:17:38 Formules mathématiques dans les tokens 00:20:41 Aperçu des plugins Penpot pour design tokens 00:22:02 Solutions pour générer vos design tokens rapidement 00:23:12 Partager une librairie de design tokens 00:25:11 Conclusion</description>
        <lastBuildDate>Wed, 04 Nov 2026 03:52:36 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>PeerTube - https://videos.ikacode.com</generator>
        <image>
            <title>Formation Penpot - Partie 8 : Les Design Tokens</title>
            <url>https://videos.ikacode.com/lazy-static/avatars/c2d2b859-3f90-4cee-b4ae-2e2a1ceb46fa.png</url>
            <link>https://videos.ikacode.com/videos/watch/497a6593-0b24-4c58-bf11-fc70eb19b68b</link>
        </image>
        <copyright>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.</copyright>
        <atom:link href="https://videos.ikacode.com/feeds/video-comments.xml?videoId=497a6593-0b24-4c58-bf11-fc70eb19b68b" rel="self" type="application/rss+xml"/>
    </channel>
</rss>