https://peertube.kaleidos.net/about/instance/homehttps://peertube.kaleidos.net/videos/browse?scope=localhttps://peertube.kaleidos.net/homehttps://peertube.kaleidos.net/w/32u8JU3yV56ukdihD5HHkihttps://peertube.kaleidos.net/lazy-static/thumbnails/dd97b6f0-49af-45f9-979c-9efb9beffa8f.jpgKeynote Session: The future of design decisions & a special announcement - Jan Six and Marco KrennHow the journey from design tokens to design decisions will enable truly innovative AI design copilot technology. Jan Six, Creator of Tokens Studio, Staff Product Designer at Github & Marco-Christian Krenn, Freelance Design System Architect. -- Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * Twitter: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penp... Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/10675be3-72f8-420c-ad11-d5ad24050c6b/75989294-a5cb-4494-b166-228ff1b182ab-master.m3u8https://peertube.kaleidos.net/videos/embed/32u8JU3yV56ukdihD5HHki178203692023-06-29T12:00:53.371ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/jpuoh4YRRP5d7vU1UKafGphttps://peertube.kaleidos.net/lazy-static/thumbnails/df86c7b8-e3ae-4545-9097-234801f9ed01.jpgA Penpot-powered community design team: Fedora and Podman Desktop - Máirín Duffy & Madeline PeckA Penpot-powered community design team: Fedora and Podman Desktop by Máirín Duffy, Senior Principal Interaction Designer at Red Hat & Madeline Peck, Associate Interactive Designer at Red Hat. - Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp... Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp... Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/950c184b-b05d-44d5-8b50-621fb30e5db7/cbda0e78-e57b-4555-b767-fea5f584f6e7-master.m3u8https://peertube.kaleidos.net/videos/embed/jpuoh4YRRP5d7vU1UKafGp137001312023-06-29T12:00:55.575ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/784zBf719L8m9JekUJGC4Khttps://peertube.kaleidos.net/lazy-static/thumbnails/1a8d4c99-6f4e-4ef1-8401-3b94400eb8ee.jpgSVG: Browsers vs. Editors, a light talk on a serious struggle - Martin OwensSVG: Browsers vs. Editors, a light talk on a serious struggle, by Martin Owens, Independent Free Software Developer at Inkscape. -- Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp... Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp... Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/31933e87-ca4c-4c62-8ae0-0fdf0de59a89/c43414dc-9973-48f5-bd5f-04b9d342bbeb-master.m3u8https://peertube.kaleidos.net/videos/embed/784zBf719L8m9JekUJGC4K8190762023-06-29T12:00:57.328ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/mYDtyS3SPsn9zTmHxDDe2nhttps://peertube.kaleidos.net/lazy-static/thumbnails/a9a90700-2a53-4104-9bb2-34d2bbcbb1e8.jpg5 essential open source design strategies we use at Nextcloud - Jan C. Borchardt5 essential open source design strategies we use at Nextcloud by Jan C. Borchardt, Co-founder and design lead at Nextcloud -- Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp... Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp... Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/a9df84ef-e504-4ccc-93c8-76c959197bdb/3d4bb22b-8a63-4339-beb3-b1d646174b05-master.m3u8https://peertube.kaleidos.net/videos/embed/mYDtyS3SPsn9zTmHxDDe2n15810712023-06-29T12:00:59.625ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/nJpkcarmxBhWNPxt3GFofchttps://peertube.kaleidos.net/lazy-static/thumbnails/a4968c6b-3e18-45c5-9f0e-c3a65dfb9cd7.jpgThe future of design and its multiple angles - Michał MalewiczThe future of design and its multiple angles by Michał Malewicz, Helping designers learn at hype4.academy - Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp... Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp Penpot: Bring Design Freedom For Product Teams. https://peertube.kaleidos.net/static/streaming-playlists/hls/affb8743-f232-46d2-89f4-67b3f62e0767/0be5010c-d68c-4c19-9e39-96b83c37db22-master.m3u8https://peertube.kaleidos.net/videos/embed/nJpkcarmxBhWNPxt3GFofc18610402023-06-29T12:01:02.262ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/7Yx3V7r7EjLyUxYNjkJqvwhttps://peertube.kaleidos.net/lazy-static/thumbnails/362d4381-a4bd-41ed-a7c2-ab9d3012d200.jpgCrafting interactive audio experiences with Penpot and SVG - Elizabet OliveiraCrafting interactive audio experiences with Penpot and SVG, Elizabet Oliveira, Senior Product Designer at Xata. -- Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * Twitter: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penp. Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/387b9e55-4eb6-4d6c-9c7a-1efbd4979c90/17750330-a4cd-480c-a77d-550ff50289bf-master.m3u8https://peertube.kaleidos.net/videos/embed/7Yx3V7r7EjLyUxYNjkJqvw15175582023-06-29T12:01:04.666ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/8LfrZt4rbjZjQBZxhNddLqhttps://peertube.kaleidos.net/lazy-static/thumbnails/4d9689e4-cb54-45de-b2eb-6e78d1e7769c.jpgPenpot Fest 2023 - 29/6/2023, 11:21:15Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/https://peertube.kaleidos.net/static/streaming-playlists/hls/3edd99b8-4ea8-4911-b7a9-679c14cbdfc0/96c478e6-d953-4a35-8119-e1385c270097-master.m3u8https://peertube.kaleidos.net/videos/embed/8LfrZt4rbjZjQBZxhNddLq16916082023-06-29T14:08:49.656ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/tjV6WDataJiVLkAkLqLuJThttps://peertube.kaleidos.net/lazy-static/thumbnails/baad7dc1-f49d-4968-9885-9eea152cc5b8.jpgWhy both Open Source and Africa's future successes are intertwined - Peace Ojemeh (Perrie)KEYNOTE | Why both Open Source and Africa's future successes are intertwined by Peace Ojemeh (Perrie), Core Team at Open Source Community Africa. -- Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp... Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp... Penpot: Bring Design Freedom For Product Teams. https://peertube.kaleidos.net/static/streaming-playlists/hls/dd4adb73-3bf8-485c-89ce-1ada233e6c47/4f621e59-ff94-403d-9ffd-0f29f43d9a1d-master.m3u8https://peertube.kaleidos.net/videos/embed/tjV6WDataJiVLkAkLqLuJT21410302023-06-29T15:20:59.863ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/bvgd8FbMtsjZPgaevjK7qLhttps://peertube.kaleidos.net/lazy-static/thumbnails/c3be1ccc-3737-435f-b1c5-1dc266048d73.jpgDesigning Communities: The foundational design contribution - Mike NolaDesigning Communities: The foundational design contribution, by Mike Nolan, Associate Director at Open@RIT - Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp... Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp. Penpot: Bring Design Freedom For Product Teams. https://peertube.kaleidos.net/static/streaming-playlists/hls/55115434-0944-4bdb-b355-2b0db6f8702c/c6a4b3bc-410c-4dd8-9d3b-ea6b5cd1c7e4-master.m3u8https://peertube.kaleidos.net/videos/embed/bvgd8FbMtsjZPgaevjK7qL14830132023-06-29T15:21:02.108ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/bxge3rQb51d9ZkiuL57cgThttps://peertube.kaleidos.net/lazy-static/thumbnails/b02a269e-a50e-43c4-b922-b4b0c1455585.jpgGrid Layout special announcement and demo! - Clara García Alonso Torresrid Layout special announcement and demo! Clara García, Product Designer at Penpot and Alonso Torres, Engineer at Penpot -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * Twitter: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/5558d37d-0212-49a5-b91b-4e83094ffb55/524b4803-1f56-4f67-b8d7-4fcb28474a64-master.m3u8https://peertube.kaleidos.net/videos/embed/bxge3rQb51d9ZkiuL57cgT193904572023-06-29T16:56:24.362ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/x3Gv4VGHrSLNMWSj9fHj5Xhttps://peertube.kaleidos.net/lazy-static/thumbnails/56050a34-d79e-4e09-88d6-0cfb85d46a04.jpgThe state of Penpot & the Rise of AI - Pablo Ruiz-MúzquizKEYNOTE | The state of Penpot & the Rise of AI, Pablo Ruiz-Múzquiz, CEO at Penpot – Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp. Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp Penpot: Bring Design Freedom For Product Teams. https://peertube.kaleidos.net/static/streaming-playlists/hls/fb6bbee8-34c6-4893-a777-4fd71848df6f/e61636f2-903e-451d-b612-330781033601-master.m3u8https://peertube.kaleidos.net/videos/embed/x3Gv4VGHrSLNMWSj9fHj5X11795412023-06-30T08:24:10.626ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/wVLMi3Zqmd3thYLE9UiRyohttps://peertube.kaleidos.net/lazy-static/thumbnails/5f7f8c8d-30c5-48e0-8c57-3b840b10cfe3.jpgThe challenge of design in open source projects - Dalai FelintoThe challenge of design in open source projects by Dalai Felinto, Product Manager at Blender – Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design. Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp. Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp. Penpot: Bring Design Freedom For Product Teams. https://peertube.kaleidos.net/static/streaming-playlists/hls/fa742d45-5020-4fd6-9e44-3dd38fbe2ba2/dbf9fefb-04b0-49d1-bc18-c2c0fc4bf7b6-master.m3u8https://peertube.kaleidos.net/videos/embed/wVLMi3Zqmd3thYLE9UiRyo19745472023-06-30T08:24:12.871ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/ghmjZ9wwQmewhzcBzutBM1https://peertube.kaleidos.net/lazy-static/thumbnails/814207e1-f762-46c2-bae6-841fe847d71e.jpgA case study of GitLab and Penpot building efficient communication channels into their products -...Transforming factories into studios: A case study of GitLab and Penpot building efficient communication channels into their products by Veethika M, Senior Product Designer at GitLab. – Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp. Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp. Penpot: Bring Design Freedom For Product Teams. https://peertube.kaleidos.net/static/streaming-playlists/hls/7bc181e3-e57f-4163-9a0b-941b740dfef6/d3ccce15-865c-4746-bec3-acccc879142d-master.m3u8https://peertube.kaleidos.net/videos/embed/ghmjZ9wwQmewhzcBzutBM113220272023-06-30T10:22:15.589ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/8jNx9k59TbHWYxEQitSiPghttps://peertube.kaleidos.net/lazy-static/thumbnails/dc892fdf-fafd-4abf-88c5-477aa3ee0d5c.jpgTell me why (ain't nothing but a project management tool) - Yamila Moreno & Miryam González Tell me why (ain't nothing but a project management tool) by Yamila Moreno, COO at Kaleidos & Senior Backend Developer at Taiga & Miryam González, Product Owner & Designer at Taiga – Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp. Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp. Penpot: Bring Design Freedom For Product Teams. https://peertube.kaleidos.net/static/streaming-playlists/hls/3b5009b3-cb03-4a48-a4d3-6529bb79c039/c86ea071-3306-4e7f-9565-7a82f67a393a-master.m3u8https://peertube.kaleidos.net/videos/embed/8jNx9k59TbHWYxEQitSiPg19180422023-06-30T10:22:17.975ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/fNQf9NuBSW6GxbqUfB5m71https://peertube.kaleidos.net/lazy-static/thumbnails/799e83d7-bf50-47f7-a2e4-cff3ececee14.jpgWaiting for Godot! Emilio CoppolaWaiting for Godot! Emilio Coppola, Executive Director at Godot Foundation – Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/ -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp. Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp. Penpot: Bring Design Freedom For Product Teams. https://peertube.kaleidos.net/static/streaming-playlists/hls/77e9e2d6-0bc1-489b-8fd9-7f04883d21bc/a298998e-cab0-4a0e-abc8-6cd29269dabc-master.m3u8https://peertube.kaleidos.net/videos/embed/fNQf9NuBSW6GxbqUfB5m7112140442023-06-30T10:22:20.210ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/rruBHv65FwoKXrqftCzZTYhttps://peertube.kaleidos.net/lazy-static/thumbnails/5996ee39-2565-4a73-9bcf-8b7733f9d27b.jpgPenpot Fest 2023 - 30/6/2023, 9:00:30Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/https://peertube.kaleidos.net/static/streaming-playlists/hls/ce03b223-7c31-4157-8b1c-a8857973f492/04a5e868-e95c-4450-aafe-3a8c82a4beee-master.m3u8https://peertube.kaleidos.net/videos/embed/rruBHv65FwoKXrqftCzZTY10658032023-06-30T10:03:58.209ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/aPamb4FpFE71n69BKYn1mihttps://peertube.kaleidos.net/lazy-static/thumbnails/61749a8e-58c3-4cdd-b7ce-a629c5809938.jpgPenpot Fest 2023 - 30/6/2023, 11:59:02Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. Join us on June 29-30! https://penpotfest.org/agenda/https://peertube.kaleidos.net/static/streaming-playlists/hls/4f77f747-1053-4014-8f3c-ae441add0d01/8449d7d5-6012-4ca0-838d-b6d966b00121-master.m3u8https://peertube.kaleidos.net/videos/embed/aPamb4FpFE71n69BKYn1mi5994082023-06-30T11:44:02.758ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/1b53jLzFdukSZcrtAJfgkshttps://peertube.kaleidos.net/lazy-static/thumbnails/cdac97b9-a0c9-4fdb-bdd9-23bf0d19a44c.jpgPANEL : Designer & Developer collaboration in the age of AI hosted by Vitaly FriedmanDesigner & Developer collaboration in the age of AI hosted by Vitaly Friedman, co-founder & editor-in-chief of Smashing Magazine with Eriol Fox, Designer at Superbloom, Pablo Vázquez, Designer at Blender, and Iván Martínez Toro, Creator of PrivateGPT. -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: Twitter: https://twitter.com/penpotapp. Instagram: https://www.instagram.com/penpot.app/ Github: https://github.com/penpot Mastodon: https://fosstodon.org/@penpot/​ LinkedIn: https://www.linkedin.com/company/penp. Penpot: Bring Design Freedom For Product Teams. https://peertube.kaleidos.net/static/streaming-playlists/hls/0167ed6f-1c9b-4c79-8655-0d71a3303fd4/d2a21410-7908-4a1a-836a-408572690e10-master.m3u8https://peertube.kaleidos.net/videos/embed/1b53jLzFdukSZcrtAJfgks40760252023-06-30T12:28:39.089ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/fxPp2izVnepRUst9HzFBAKhttps://peertube.kaleidos.net/lazy-static/thumbnails/3daadeca-dcde-4266-b0e4-e423b82f7898.jpgTaiga's presentation (RECAP) - Tell me why (ain't nothing but a project management tool)An introduction to Penpot's sister open-source product: Taiga, our agile project management tool. Taiga team is working on a more accessible and powerful version of current Taiga and they explain it all here. Speakers: Yamila Moreno, COO at Kaleidos & Senior Backend Developer at Taiga & Miryam González, Product Owner & Designer at Taiga. - Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. https://penpotfest.org - Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * Twitter: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penp... Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/75d1351f-77a1-4e40-98fb-f29b1209d113/77c8111a-8f1b-45c1-9d2c-5efa0c99f6f4-master.m3u8https://peertube.kaleidos.net/videos/embed/fxPp2izVnepRUst9HzFBAK14630182023-07-04T10:36:24.336ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/8DWqKSCkjpnHqz5GazjtFahttps://peertube.kaleidos.net/lazy-static/thumbnails/bdf2ba81-f954-473b-bd93-dc7280722982.jpgPenpot Grid Layout demo at Penpot Fest (RECAP) by Clara García and Alonso TorresGrid Layout announcement and demo by Clara García, Product Designer at Penpot and Alonso Torres, Engineer at Penpot. - Penpot Fest is the Design event that brings designers and developers together in Barcelona with an outstanding speakers line-up. https://penpotfest.org/ - Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * Twitter: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penp... Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/3dfc0826-954e-4e27-9f02-dcbb8e81052b/edd417a3-dc0b-4dfa-834e-2420c92f7ee4-master.m3u8https://peertube.kaleidos.net/videos/embed/8DWqKSCkjpnHqz5GazjtFa3840262023-07-05T13:56:44.467ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/gHZthNUNQiDYqRQPqQ14wYhttps://peertube.kaleidos.net/lazy-static/thumbnails/e42e5a72-9a24-470e-98c8-aa566def90f7.jpgTaiga at Penpot Fest 2023 [RECAP] - "Tell me why (ain't nothing but a project management tool)"An introduction to Taiga during Penpot Fest (https://penpotfest.org). At Taiga we are working on a more accessible and powerful version of current Taiga and we explain it all here. Speakers: Yamila Moreno, COO at Kaleidos & Senior Backend Developer at Taiga & Miryam González, Product Owner & Designer at Taiga. - Penpot Fest is Penpot's design event that brings designers and developers together with an outstanding speakers line-up. https://penpotfest.org Taiga is our agile open-source project management tool Find out more on our website and try it for free! https://www.taiga.io/ Join the community https://community.taiga.io/ You can also find loads of useful info and resources here: https://resources.taiga.io/ Follow us: * Twitter: https://twitter.com/taigaio * Instagram: https://www.instagram.com/taiga.io/ * Github: https://github.com/kaleidos-ventures/ * LinkedIn: https://www.linkedin.com/company/taigaiohttps://peertube.kaleidos.net/static/streaming-playlists/hls/7f55fdef-48b8-4c41-a7b0-1fd5dca51f30/63449c79-097e-4eb0-836b-1afcbea2d9f2-master.m3u8https://peertube.kaleidos.net/videos/embed/gHZthNUNQiDYqRQPqQ14wY1463082023-07-23T15:51:43.161ZYEStaiga_peertubeNOhttps://peertube.kaleidos.net/w/wu7YpqWhfiL714tkDYdwCWhttps://peertube.kaleidos.net/lazy-static/thumbnails/6705efa5-e3ee-4c4e-80ae-5d1856f1ba81.jpgAccessibility for designers, with Stéphanie WalterWe had the honor to collaborate with Stéphanie Walter, UX Researcher and Product Designer, expert in inclusive and accessible design! In this video, Stéphanie gives an introduction about how and where designers can have the biggest impact on Accessibility within a product. Watch and learn how to avoid that accessible design becomes an afterthought in the design process. Intro 0:00 - 2:18 Visual Design 2:19 - 7:32 Text: Resizing and Typography 7:33 - 9:49 Interactions 9:50 - 22:36 Way finding 22:37 - 30:11 Semantic order for navigation 30:15 - 37:26 Navigation across pages 37:27 - 40:23 Content Access 40:24 - 41:14 Images and icons 41:15 - 46:55 Video, audio and moving content 46:57 - 52:44 How can designers document? 52:44 - 59:16 -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * Twitter: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/f6df4845-1afd-4e36-88fa-fe1de4e12556/46d372f8-1b0f-4146-b752-42b18d7a9cfc-master.m3u8https://peertube.kaleidos.net/videos/embed/wu7YpqWhfiL714tkDYdwCW3555582023-08-18T11:52:49.550ZYESPenpot CollaborationsNOhttps://peertube.kaleidos.net/w/htWQquashADAvufnwKHr6Lhttps://peertube.kaleidos.net/lazy-static/thumbnails/1ff38caa-5ae9-4066-bca8-978991b9e27c.jpgIntroduction to Penpot core developmentAlex Alonso, CIO and developer at Penpot, put us a hands-on demo of how to use Penpot's repository and make changes in both front and back end. He used part of the code based on Access Tokens to gave an example on how to dive into Penpot's code! Check it out on our repo: https://github.com/penpot Potok (Clojure library for reactive streams) - https://github.com/funcool/potok --- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * Twitter: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/857917f1-fa01-423c-b88d-9c9212c248ea/95b1234f-2bed-4fc6-971d-dbb2f57ef7f9-master.m3u8https://peertube.kaleidos.net/videos/embed/htWQquashADAvufnwKHr6L15815822023-09-19T08:45:36.596ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/nC4hugbhArTZC21ZSnCi7phttps://peertube.kaleidos.net/lazy-static/thumbnails/c477ff4f-cd9a-4b1b-9f01-645894c1b57f.jpgPenpot LIVE. I have the API, I have the power!Penpot's new API feature is now available and we'll tell you the details on how you can integrate your tools with Penpot in endless ways! Live at 11am (ET) / 5pm (CEST) on Tuesday, October 24th: - Learn how much flexibility you can gain with the API capabilities - Brand new Penpot’s Exporter! This CSS exporter will allow you to export your design tokens into ready-to-use code or parseable data files - And Q&A session. -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design * This is not an official endorsement of Insomnia. You can use Insomnium as another open-source API client or many others that exist. - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp/ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/af18b62a-0960-4d5f-b512-e9889f255347/1d108207-d39c-4dd8-9908-7f155ac570a0-master.m3u8https://peertube.kaleidos.net/videos/embed/nC4hugbhArTZC21ZSnCi7p178051682023-10-24T15:36:14.275ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/8Rt45Va3pKk8a8hRtD78eMhttps://peertube.kaleidos.net/lazy-static/thumbnails/7507f481-80ed-42bc-b10a-5f2ccca95da4.jpgGrid Layout Beta Testers Wanted!The much-awaited Penpot Grid Layout feature is almost ready for prime time. This groundbreaking feature empowers you to effortlessly design with grid-based layouts, making it easy to organize and position elements on your canvas. Grid Layout also marks a critical step towards our mission: enabling seamless design and code collaboration using open source and open standards. Interested in becoming a Grid Layout beta tester? 1) Email us at support@penpot.app 2) Write “Beta test volunteer” in the subject line. 3) Share, in the email, a brief overview of your role and how you plan to utilize the Grid Layout in Penpot. Thank you, community! Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp/ ​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/3f981664-4c71-4034-a75d-b6c425a7167b/64782f8c-0320-436a-977c-81a7de0f76b8-master.m3u8https://peertube.kaleidos.net/videos/embed/8Rt45Va3pKk8a8hRtD78eM20592023-10-23T07:19:26.136ZYESPenpot SpotsNOhttps://peertube.kaleidos.net/w/iiTEkTs4EdVpFWscRjxcR5https://peertube.kaleidos.net/lazy-static/thumbnails/69aa051f-4717-4c52-a6d4-a90e7a6290c8.jpgPenpot at Ubuntu Summit 2023: Skynet or Star Trek. What's the future of AI?Last week our CEO Pablo Ruiz-Muzquiz attended #UbuntuSummit Here are some of his thoughts on the AI panel:) You can check de full PANEL at: https://www.youtube.com/live/XIGxKyekvBQ?feature=shared&t=462 Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * Twitter: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/8c2ad6ad-72da-4086-a95b-3e5f3d061b02/8ae2081a-2e3e-44a1-8323-31fa6098de89-master.m3u8https://peertube.kaleidos.net/videos/embed/iiTEkTs4EdVpFWscRjxcR549022023-11-15T11:08:44.645ZYESPenpot CollaborationsNOhttps://peertube.kaleidos.net/w/2JaoHmLhxYh8qSEjqsy4XLhttps://peertube.kaleidos.net/lazy-static/thumbnails/2e1ce869-c5ea-49e5-aa12-6f638ce476f1.jpgPablo Ruiz-Muzquiz at Ubuntu Summit 2023: Penpot, why it matters and a hands on demoDuring #UbuntuSummit in Riga, Latvia (Nov 2023), Pablo spoke about the key factors that drive Penpot as a design collaborative open-source tool and showcased Penpot with a hands-on demo on the latest release featuring: - the API that allows endless integration possibilities and - the new CSS Penpot’s Exporter to export your design tokens into ready-to-use code or data files. Watch it all in the full talk: https://www.youtube.com/live/cXxlFWGAelc?feature=shared&t=18681 --- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * Twitter: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/0dfc2a2f-26e5-443d-8379-35a1580ed12e/8010508d-6eed-41db-8077-79fc77ed43fc-master.m3u8https://peertube.kaleidos.net/videos/embed/2JaoHmLhxYh8qSEjqsy4XL905172023-11-16T08:34:20.619ZYESPenpot CollaborationsNOhttps://peertube.kaleidos.net/w/cPzY374knS8VcLGZAoGhUShttps://peertube.kaleidos.net/lazy-static/thumbnails/b8bf66f5-a798-4e81-9977-5703102eebb8.jpgGrid CSS Layout & HTML CodeCSS Grid Layout brings HTML to Penpot! Grid Layout is a unique brand new Penpot's feature that gets CSS grid closer to design. Clara and Alonso announced it along with new HTML output capabilities at Penpot Fest. Available soon! In the meantime, find out more here: https://community.penpot.app/t/grid-layout-brings-html-to-penpots-table/4036 -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penp... Penpot: Bring Design Freedom For Product Teams. https://peertube.kaleidos.net/static/streaming-playlists/hls/5fb96a32-3dd7-4b4e-a4ab-654de94c915a/fa1b5d09-f714-4ba2-8adf-4b7628377fac-master.m3u8https://peertube.kaleidos.net/videos/embed/cPzY374knS8VcLGZAoGhUS705302023-11-20T11:50:47.370ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/nRGmakcUNo8daVahtwP6mThttps://peertube.kaleidos.net/lazy-static/thumbnails/6fd929ca-1e07-4a50-a802-d3afc5cc9349.jpgPenpot 2.0 sneak peek: new CSS Grid Layout & Components coming soon!Curious about what's in the cooking of Penpot 2.0 release? In this demo, Pablo Ruiz Múzquiz, CEO at Penpot, walks you through this unique Penpot feature - CSS Grid Layout! He also reveals the potential of another feature we're introducing on this 2.0 release - new update on components. Oh, and one more thing, check out the shiny and redesigned UI and leave your comments below. It's all about these improvements that make the whole experience so much enjoyable and make you feel right at home. Stay tuned for Penpot 2.0!https://peertube.kaleidos.net/static/streaming-playlists/hls/b10038c0-30ec-4b41-9a5e-4195e3208d07/b403696e-65e3-4ace-a8d4-de38c3a8bb32-master.m3u8https://peertube.kaleidos.net/videos/embed/nRGmakcUNo8daVahtwP6mT4475882023-12-13T08:19:47.025ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/toxbFXr5KViwZjrMvHhQrNhttps://peertube.kaleidos.net/lazy-static/thumbnails/3652c2ed-3967-41b1-8d15-4e4c046a8a95.jpgCSS Grid Sneak Peek (Penpot 2.0) - Grid FormPenpot CSS Grid allows to create forms to align components easily and make your designs adapt responsively to any device. Pablo shows on this video how grid and flex layout features together make designers and developers work much easier. This brand new and unique functionality will be available soon along with other amazing new features and enhancements! Stay tuned. -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/ddcc5323-9a63-47f7-ac15-5d1a9e565588/f3026a72-08b3-4138-81c4-08e0ad8645d2-master.m3u8https://peertube.kaleidos.net/videos/embed/toxbFXr5KViwZjrMvHhQrN164592023-12-15T10:23:02.363ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/bL3jNJq5aEzg3v1fDSdFrPhttps://peertube.kaleidos.net/lazy-static/thumbnails/9fe6ee3d-4654-468d-8c59-1ce910b28a13.jpgCSS Grid Sneak Peek (Penpot 2.0) - Grid Layout capabilityPenpot CSS Grid allows to create layouts in rows and columns to form a grid, ideal for complex designs where elements need to be aligned in both vertical and horizontal dimensions. Pablo shows on this video how to apply this grid layout to a web page. This layout adapts and changes across multiple devices and environments. This brand new and unique functionality will be available soon! Stay tuned. --- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/57218b7a-baf7-4ed2-896a-ef75995659f5/18dee439-99d8-4a4c-bea3-9e6bcaa14d3a-master.m3u8https://peertube.kaleidos.net/videos/embed/bL3jNJq5aEzg3v1fDSdFrP187552023-12-15T10:25:12.152ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/34pQ3267tofzUUkr8sYB3khttps://peertube.kaleidos.net/lazy-static/thumbnails/7b7a7d9e-6042-4b9c-838e-87f6235e3130.jpgComponents swap - sneak peak of Penpot 2.0You'll be able to swap components easily in Penpot very soon! This and other major enhancements of Penpot components will enable to speed up the maintenance of your design systems. Stay tuned for Penpot 2.0! -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/10ac317a-3e86-4bfd-8611-a51981a703f3/e7153a55-b67d-4db0-80c3-7c5bbc3110c5-master.m3u8https://peertube.kaleidos.net/videos/embed/34pQ3267tofzUUkr8sYB3k66022023-12-15T10:25:13.713ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/i8dFbtFyAR614Bp5gA35nuhttps://peertube.kaleidos.net/lazy-static/thumbnails/a59d607e-074b-408e-a7cd-833c18e2f9e0.jpgBrand New Components - Penpot 2.0 sneak peekPenpot 2.0 bring a new version of enhanced Components that will enable you and your teams to scale up designs. These brand new Components come with functionalities such as Swap, improved visualization of main components, annotations and much more. Stay tuned for Penpot 2.0 release. Coming soon! Penpot, where designers and developers feel at home. https://peertube.kaleidos.net/static/streaming-playlists/hls/8aad600b-e854-4d37-8614-a3dac88441be/4341dc19-5953-46a1-9607-d603ff285ce6-master.m3u8https://peertube.kaleidos.net/videos/embed/i8dFbtFyAR614Bp5gA35nu191592024-01-18T07:47:08.393ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/wTJkfLfmfbyFmWRQRsJo77https://peertube.kaleidos.net/lazy-static/thumbnails/449a50d1-1015-4b4d-ad0c-8ba8dd47dd31.jpgComponents Physical Representation - sneak peek (Penpot 2.0)Penpot 2.0 release brings brand new components with improved synchronization and visualization within the app. Penpot's new components will allow you to have a better control over any changes and simultaneous updates across all your designs. Super exciting new and revamped components that will enable you to design at scale - available soon! Stay tuned. -- Where Designers and Developers feel at home -- -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/fa2b2e19-75ef-44c4-98c5-3519b7c0acca/c0227348-4e72-4dfd-b399-49a3a6bd47d9-master.m3u8https://peertube.kaleidos.net/videos/embed/wTJkfLfmfbyFmWRQRsJo7759022024-01-18T07:50:38.307ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/dLtFmiQAFmDFxN3zEstMPfhttps://peertube.kaleidos.net/lazy-static/thumbnails/2cbc7573-49ef-4651-8ef4-f5a29461e49c.jpgComponents SWAP sneak peek (Penpot 2.0)Now with Penpot 2.0 release, you'll be able to swap all your components in a blink of an eye. Super exciting new and powerful feature that will save you loads of time. Penpot's components will enable you to design at scale - available soon! Stay tuned. -- Where Designers and Developers feel at home. -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/6763727f-0b9b-4b64-9a11-daea947720e0/38fa1b18-1c1a-4575-8db0-d9cea7627ec5-master.m3u8https://peertube.kaleidos.net/videos/embed/dLtFmiQAFmDFxN3zEstMPf78032024-01-18T07:51:30.293ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/9ffqSQeCJcJHckaCsTiHkPhttps://peertube.kaleidos.net/lazy-static/thumbnails/5ddf56fe-2cba-44d3-9081-0da44e22dcb1.jpgNEW Components Annotations sneak peek (Penpot 2.0)Once Penpot 2.0 is release, all components will enable annotations to give more context that you may need to share with your teams. This brand new functionality will be available soon! Stay tuned. -- Where Designers and Developers feel at home -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Freedom For Product Teams.https://peertube.kaleidos.net/static/streaming-playlists/hls/42c66a08-3440-44da-8903-dd906ce27cd9/8ff29e6c-c082-46e8-b271-5fa028d20d8a-master.m3u8https://peertube.kaleidos.net/videos/embed/9ffqSQeCJcJHckaCsTiHkP69032024-01-18T07:52:55.938ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/bkdtnB6njiLxYtD7PvbWEihttps://peertube.kaleidos.net/lazy-static/thumbnails/153dfcd8-b245-4648-bf2e-cc4e9d1c813f.jpgHey Devs, are you open to be more than just a mode?Hey Devs, are you open to be more than just a mode?https://peertube.kaleidos.net/static/streaming-playlists/hls/53aa344f-59e1-4468-8c7d-1d2c48bc0805/8cc5d25e-0f3c-44ac-89ee-77f3a671a6ff-master.m3u8https://peertube.kaleidos.net/videos/embed/bkdtnB6njiLxYtD7PvbWEi400192024-01-25T13:02:23.947ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/8jdAyTeiw3sAPLwb2QFxRKhttps://peertube.kaleidos.net/lazy-static/thumbnails/9e67cfeb-88c8-40f1-9dc9-d542e90d6785.jpgTutorial CSS Grid Layout | Diferencias entre Grid y Flex layout y algunos ejemplosJuan nos explica en este mini tutorial, las nociones básicas de cómo usar nuestra nueva funcionalidad: CSS Grid Layout. Esta funcionalidad es una forma completamente novedosa y única que permite distribuir los elementos dentro de un layout de manera bidimensional y automática . Esta distrubución en grid tiene una implementación directa en CSS, lo que facilita el trabajo en la fase de desarrollo. -- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true real-time collaboration thanks to features like Flex and Grid Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design. - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Síguenos: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers --- 0:00 - Penpot 2.0 release intro 0:27 - Diferencia entre CSS Grid Layout y Flex Layout 2:48 - Beneficios de CSS Grid Layout 4:46 - Dinos qué te ha parecidohttps://peertube.kaleidos.net/static/streaming-playlists/hls/3b3b1efb-cbcd-4d39-ad87-e8c9ef636ad9/be9ccee2-2d9b-4651-b06e-4419754d34b4-master.m3u8https://peertube.kaleidos.net/videos/embed/8jdAyTeiw3sAPLwb2QFxRK325542024-02-09T13:50:38.743ZYESPenpot Tutorials en EspañolNOhttps://peertube.kaleidos.net/w/oPQ8tWBSe6ZCi2jRnnMCHyhttps://peertube.kaleidos.net/lazy-static/thumbnails/f9e65f84-704b-4e49-8ed1-58026750d26a.jpgTutorial CSS Grid Layout | Nociones básicasJuan nos explica en este mini tutorial, las nociones básicas de cómo sacar todo el potencial de nuestra nueva funcionalidad: CSS Grid Layout. Esta funcionalidad es una forma completamente novedosa y única que permite distribuir los elementos dentro de un layout de manera bidimensional y automática . Esta distrubución en grid tiene una implementación directa en CSS, lo que facilita y aligera el trabajo en la fase de desarrollo. -- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/b8d6ab12-e81a-4f59-92de-52cfb014e632/1aee3a2d-3fca-4456-84b4-d393ed4ff69f-master.m3u8https://peertube.kaleidos.net/videos/embed/oPQ8tWBSe6ZCi2jRnnMCHy546042024-02-09T13:53:48.794ZYESPenpot Tutorials en EspañolNOhttps://peertube.kaleidos.net/w/tbEqzqG5hvvHkL9dpYSPKUhttps://peertube.kaleidos.net/lazy-static/thumbnails/f928ba02-3642-4536-bbcf-d8ceeeae6112.jpgTutorial CSS Grid Layout | Tablas y formulariosJuan nos explica en este mini tutorial, las nociones básicas de cómo usar CSS Grid Layout en tablas y formularios. Esta funcionalidad es una forma completamente novedosa y única que permite distribuir los elementos dentro de un layout de manera bidimensional y automática . Esta distrubución en grid tiene una implementación directa en CSS, lo que facilita y aligera el trabajo en la fase de desarrollo. -- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/dc23dc69-7788-4d73-87ff-e29cf105713e/1c610350-e011-475a-af42-a25bf5b010fe-master.m3u8https://peertube.kaleidos.net/videos/embed/tbEqzqG5hvvHkL9dpYSPKU218022024-02-09T13:55:03.354ZYESPenpot Tutorials en EspañolNOhttps://peertube.kaleidos.net/w/wzMyKMecb7SYicGfBK7GYRhttps://peertube.kaleidos.net/lazy-static/thumbnails/0d80ca38-5477-45d2-9512-7aae1f3183fb.jpgTutorial CSS Grid Layout | DashboardsJuan nos explica en este mini tutorial, las nociones básicas de cómo usar CSS Grid Layout para dashboards en combinación con flex layout. Esta funcionalidad es una forma completamente novedosa y única que permite distribuir los elementos dentro de un layout de manera bidimensional y automática . Esta distrubución en grid tiene una implementación directa en CSS, lo que facilita y aligera el trabajo en la fase de desarrollo. -- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/f7a9c8d3-8286-498d-8266-fe1a6ac7ae81/caf2e8ac-8fa7-47cb-b045-94b8201a8a34-master.m3u8https://peertube.kaleidos.net/videos/embed/wzMyKMecb7SYicGfBK7GYR261032024-02-09T13:56:33.340ZYESPenpot Tutorials en EspañolNOhttps://peertube.kaleidos.net/w/b6T2RPnwj2uARZTf5WsSpahttps://peertube.kaleidos.net/lazy-static/thumbnails/05fde0bf-86a0-4c2c-9683-fedea289d6eb.jpgTutorial CSS Grid Layout | Componentes agnósticosJuan nos explica en este mini tutorial cómo usar CSS Grid Layout a partir de una plantilla de espaciado de grid para CSS Grid Layout. Esta funcionalidad es una forma completamente novedosa y única que permite distribuir los elementos dentro de un layout de manera bidimensional y automática . Esta distrubución en grid tiene una implementación directa en CSS, lo que facilita y aligera el trabajo en la fase de desarrollo. -- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/51cd8e18-f392-475d-940f-edf44c9c1037/7942851c-7856-43f6-910d-30bebca47012-master.m3u8https://peertube.kaleidos.net/videos/embed/b6T2RPnwj2uARZTf5WsSpa123522024-02-09T13:57:16.040ZYESPenpot Tutorials en EspañolNOhttps://peertube.kaleidos.net/w/14MyJ8xMEoNWoPQ9dZDwZvhttps://peertube.kaleidos.net/lazy-static/thumbnails/6462985c-f293-4f94-9816-b7e7372099fd.jpgTutorial CSS Grid Layout | MagazinesJuan nos explica en este mini tutorial cómo usar CSS Grid Layout para la maquetación de una revista. Esta funcionalidad es una forma completamente novedosa y única que permite distribuir los elementos dentro de un layout de manera bidimensional y automática . Esta distrubución en grid tiene una implementación directa en CSS, lo que facilita y aligera el trabajo en la fase de desarrollo. --- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/00874faf-c061-46d1-894b-ee313d3ca817/028158ac-d8dd-4502-aba9-9072b502ef43-master.m3u8https://peertube.kaleidos.net/videos/embed/14MyJ8xMEoNWoPQ9dZDwZv118092024-02-09T13:57:59.406ZYESPenpot Tutorials en EspañolNOhttps://peertube.kaleidos.net/w/hKEf95Nv2zVHnPQPDgnA6Fhttps://peertube.kaleidos.net/lazy-static/thumbnails/245e4f81-8365-428c-ac7b-96f42c16cce4.jpgCSS Grid Layout tutorial | Grid vs Flex layout and some examplesJuan explains, in this mini tutorial, the basic notions on how to use our brand new CSS Grid Layout feature. This functionality is a completely new and unique way of distributing the elements of a layout in a bi-dimensional and responsive manner. This new way of laying out the elements translates straight into CSS code that saves time and makes things easier for devs. --- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/87aac4ec-c690-4ccd-9d87-a60e35633429/f6021258-c4a8-435b-9d50-3e3502854de9-master.m3u8https://peertube.kaleidos.net/videos/embed/hKEf95Nv2zVHnPQPDgnA6F3275252024-02-09T14:01:33.298ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/goGqxR7EvmpBBg9u1iXztahttps://peertube.kaleidos.net/lazy-static/thumbnails/7fb5794e-4ae8-4822-90cc-a7173aeb75ce.jpgCSS Grid Layout tutorial | BasicsIn this tutorial, Juan walk us through the basics of how to leverage the power of this incredible new feature: CSS Grid Layout. He explains how to create a grid, manage the space, align cells, establish direction of content, duplicate content, etc. Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/7ca45ac4-606c-40de-b379-139c38227873/029c7e77-f5da-41dd-bdec-64dc35887135-master.m3u8https://peertube.kaleidos.net/videos/embed/goGqxR7EvmpBBg9u1iXzta503052024-02-09T14:04:44.636ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/dRABuXTgZ7NKXjvFgXzR7Yhttps://peertube.kaleidos.net/lazy-static/thumbnails/c0905e9b-a687-4171-b8c5-e62744a1594e.jpgCSS Grid Layout tutorial | Tables and formsJuan shows in this mini tutorial how to use the grid layout on tables and forms. This functionality is a completely new and unique way of distributing the elements of a layout in a bi-dimensional and responsive manner. This new way of laying out the elements translates straight into CSS code that saves time and makes things easier for devs. --- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/681a7068-1baa-4432-99dc-57226a73bfb0/b2b731fb-ee8e-4e80-b7bd-94000824ece6-master.m3u8https://peertube.kaleidos.net/videos/embed/dRABuXTgZ7NKXjvFgXzR7Y216042024-02-09T14:05:57.111ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/5LuqHkgXG9mpbwTrLDYmY6https://peertube.kaleidos.net/lazy-static/thumbnails/f477657d-c2e6-4c0c-bc10-bce29e1fcc59.jpgCSS Grid Layout Tutorial | DashboardsJuan explains, in this mini tutorial, the basic notions to lay out dashboards in combination with Flex Layout functionality. This functionality is a completely new and unique way of distributing the elements of a layout in a bi-dimensional and responsive manner. This new way of laying out the elements translates straight into CSS code that saves time and makes things easier for devs. --- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/269acc78-85ec-4370-bf2c-be7f6d5ff8d5/8cd2e71d-7888-4cac-9939-98ad108d181d-master.m3u8https://peertube.kaleidos.net/videos/embed/5LuqHkgXG9mpbwTrLDYmY6258002024-02-09T14:07:18.468ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/s2Yp1LiEbtFbTt6BATuevxhttps://peertube.kaleidos.net/lazy-static/thumbnails/651e6ec2-0257-49e2-8dcc-35499efb6afa.jpgCSS Grid Layout tutorial | Agnostic ComponentsAgnostic components is a term that Penpot uses to refer to spacing grid templates for our brand new CSS Grid Layout feature. In this video, Juan shows a component in a form of card which he uses with a grid template. This functionality is a completely new and unique way of distributing the elements of a layout in a bi-dimensional and responsive manner. This new way of laying out the elements translates straight into CSS code that saves time and makes things easier for devs. --- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/d2d41acc-4760-410e-9663-219a4e43ef95/01c4892a-e0f7-46e3-8637-8ca8bd45be5e-master.m3u8https://peertube.kaleidos.net/videos/embed/s2Yp1LiEbtFbTt6BATuevx123072024-02-09T14:07:56.962ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/peTmbmpfNcswKw73mfsSajhttps://peertube.kaleidos.net/lazy-static/thumbnails/b0a36713-1c41-47bf-834a-73df1974350b.jpgCSS Grid Layout tutorial | MagazinesIn this video, Juan shows briefly how you can apply our grid layout feature to a magazine layout as well. This functionality is a completely new and unique way of distributing the elements of a layout in a bi-dimensional and responsive manner. This new way of laying out the elements translates straight into CSS code that saves time and makes things easier for devs. --- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design - Penpot Community - https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: * X: https://twitter.com/penpotapp ​​ * Instagram: https://www.instagram.com/penpot.app/ * Github: https://github.com/penpot * Mastodon: https://fosstodon.org/@penpot/​ * LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/bc3280a1-3f0d-4eba-9893-ed4f4a5e0214/dbcff491-40cd-4ade-b27f-6d610e709ff1-master.m3u8https://peertube.kaleidos.net/videos/embed/peTmbmpfNcswKw73mfsSaj119042024-02-09T14:08:37.850ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/1Uxtn1BFHE7FfuJUBcb7Hnhttps://peertube.kaleidos.net/lazy-static/thumbnails/897b6cea-fd3e-4727-b675-c8d9f6ef1a1a.jpgSneak peek! New Penpot 2.0 UIThe new Penpot UI (user interface) redesign is a big step in our commitment to making a user-friendly, efficient, and accessible design tool. Explore what the new UI has in store for you! - Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org Follow us: *X: https://twitter.com/penpotapp ​​ *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot *Mastodon: https://fosstodon.org/@penpot/​ *LinkedIn: https://www.linkedin.com/company/penpotdesign Penpot: Bring Design Collaboration between Designers and Developers.https://peertube.kaleidos.net/static/streaming-playlists/hls/0756123a-5cc5-44e8-84bc-def6f1931457/84dbb5d6-2999-4e0c-90a8-248438972fa9-master.m3u8https://peertube.kaleidos.net/videos/embed/1Uxtn1BFHE7FfuJUBcb7Hn2775172024-03-20T22:53:17.232ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/r1FE7VcLXDNJcGjW2cAgzGhttps://peertube.kaleidos.net/lazy-static/thumbnails/10a93f4f-a9a7-4dc5-bf10-d3f93a78355c.jpgPenpot 2.0 Sneak Peak - New UI - Dark and Light themesAt last the light them is coming to your dashboard. Find out how it works. This is another enhancement as part of the upcoming Penpot 2.0 release that is around the corner. Stay tuned for the huge change you'll experience in Penpot. - Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/ca8ce7f8-7b0a-43d2-a31a-6fa8756f67de/5423e9a9-322c-480b-bb1b-fbb8845a0bd3-master.m3u8https://peertube.kaleidos.net/videos/embed/r1FE7VcLXDNJcGjW2cAgzG62552024-03-20T22:57:07.518ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/kZJ8dDijNZvptRQ4FhbS61https://peertube.kaleidos.net/lazy-static/thumbnails/f503214c-b366-45a9-ac49-d5518a94b198.jpgPenpot 2.0 Sneak Peak - New UI - Cognitive Load & AccessibilityCheck out Penpot new interface with a much more intuitive experience for the user. This is another enhancement as part of the upcoming Penpot 2.0 release that is around the corner. Stay tuned for the huge change you'll experience in Penpot. - Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/a1ecfd52-b4c8-4ebb-8fde-1d8285ad01da/a31a6e5a-c5e7-41a0-9b47-8f24a0916339-master.m3u8https://peertube.kaleidos.net/videos/embed/kZJ8dDijNZvptRQ4FhbS6185042024-03-20T22:58:47.965ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/sTrqzWFSCkNXKMT4XXN1n7https://peertube.kaleidos.net/lazy-static/thumbnails/b6ac86f7-ead8-4c7d-88c6-8682fb1d3aae.jpgPenpot 2.0 Sneak Peak - New UI - Dedicated panelsWith this new more intuitive interface, Penpot allows you to have dedicated panels with more specific info on what's on your workspace. This allows further control and comfort while designing. This is another enhancement as part of the upcoming Penpot 2.0 release that is around the corner. Stay tuned for the huge change you'll experience in Penpot. - Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/d9bc3498-a8b3-483e-843c-5d55a495fd08/f136aa57-a94a-43ca-a4c2-422f07d56776-master.m3u8https://peertube.kaleidos.net/videos/embed/sTrqzWFSCkNXKMT4XXN1n766032024-03-20T22:59:35.341ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/x2WfxpNqbF4eQZouQ6inanhttps://peertube.kaleidos.net/lazy-static/thumbnails/69be61ab-7ab1-4ad7-b5e8-5e1c169eb1b6.jpgPenpot 2.0 Sneak Peak - New UI - Cognitive Load & AccessibilityCheck out Penpot new interface with a much more intuitive experience for the user. This is another enhancement as part of the upcoming Penpot 2.0 release that is around the corner. Stay tuned for the huge change you'll experience in Penpot. - Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/fb5079b5-3b36-4c7a-8794-33d11bab2d0b/00af2797-912b-4418-b764-102faf1b95a0-master.m3u8https://peertube.kaleidos.net/videos/embed/x2WfxpNqbF4eQZouQ6inan800102024-03-20T23:00:53.288ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/wEMuvYaf1TBt29hi5PkpvVhttps://peertube.kaleidos.net/lazy-static/thumbnails/abf595eb-0523-4805-95af-a3fa168f264a.jpgPenpot 2.0 release is out now! CSS Grid Layout, Components and a new UIFinally! Penpot 2.0 release is out now and available for you to explore and enjoy. This huge release brings unique features such as CSS Grid Layout, new Components system and a redesigned UI. Find out more on https://penpot.app/penpot-2.0 -- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penp... *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/f85c7552-dd36-41e8-b8a4-93e871b80aab/63d615b2-b2ce-49aa-9581-a9280b88819c-master.m3u8https://peertube.kaleidos.net/videos/embed/wEMuvYaf1TBt29hi5PkpvV10451042024-04-09T12:30:15.676ZPenpot 2.0 releasedesigntoolopensourceYESPenpot newsNOhttps://peertube.kaleidos.net/w/p43riXY9mEtjjMjoR8yFeFhttps://peertube.kaleidos.net/lazy-static/thumbnails/d6fa4b9e-2241-4849-a93a-ccf9ae4d7b03.jpgDesigning for OpenSource | Open Chat with Superbloom | Ep. #3Can designers contribute to Open Source? How? In our latest Open Chat with Penpot episode, we explored how designers can make meaningful contributions to open-source projects with researchers Nimisha Vijay (user experience designer at Nextcloud) and Eriol Fox (open source product manager at Superbloom, as well as a PhD researcher at Newcastle University). Through a two-way interview format, we discussed findings from their research "The Secret Life of Open Source Designers" such as: the unequal power dynamics between designers and developers within open source communities; the often slow pace of the design process; the isolation designers may experience due to insufficient feedback; and the challenge of unclear project priorities. Link to "The Secret Life of Open Source Designers" : https://superbloom.design/learning/blog/the-secret-life-of-open-source-designers/ --- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https:...https://peertube.kaleidos.net/static/streaming-playlists/hls/baaeec05-82e3-470c-9a49-b9dcf2f80f25/be60f306-1bb9-4d05-89f1-82312a96b656-master.m3u8https://peertube.kaleidos.net/videos/embed/p43riXY9mEtjjMjoR8yFeF28085792024-05-09T09:30:59.088ZYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/fcC6LP2w3rAqJvZPxpKbF1https://peertube.kaleidos.net/lazy-static/thumbnails/6705067f-36bd-4339-b105-e15a065d2b6f.jpgDesign & Code | Open chat with Máirín Duffy | Ep. #1We're launching a brand new series of interviews, where questions go back and forth between Pablo Ruiz Múzquiz, CEO at Penpot, and our guests about the intersection between Design & Code and open source primarily. In the first episode, we had the absolute pleasure to welcome Máirín Duffy, Sr. Principal Interaction Designer at Red Hat, to discuss with her about workflows between designers and coders, the increasing participation of designers in open source, and much more. You can also listen to this chat via podcast on: ivoox https://www.ivoox.com/en/open-chat-with-mairin-duffy-principal-interaction-designer-audios-mp3_rf_101932726_1.html spotify https://open.spotify.com/episode/6WOrJPnVnM41iKykPQ26dI?si=jFVE-iSARuOg0zT42nnWfwhttps://peertube.kaleidos.net/static/streaming-playlists/hls/72ff5ead-73dc-4128-8610-63bd2c365906/a248b40f-3f3b-4a1e-b32e-83e5907fa9dc-master.m3u8https://peertube.kaleidos.net/videos/embed/fcC6LP2w3rAqJvZPxpKbF13195042024-05-13T12:47:58.461ZYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/bMxidgLmYPbzWpN659i5FQhttps://peertube.kaleidos.net/lazy-static/thumbnails/93f3a5be-a8aa-4582-99a1-11b9f83bfbdc.jpgDesign-to-code | Open chat with Jan Six | Ep. #2On this episode, Jan Six, Staff Product Designer at Github and Pablo Ruiz-Múzquiz, CEO at Penpot, chatted about Design Tokens and Systems. Jan's open-source project on design tokens caught our attention and we realized that he loves anything to do with bridging the gap between design and development, just like we do at Penpot! So we invited him to our second episode of Penpot Open Chat! Watch and enjoy. (More info about Jan here: https://jansix.at/ ) You can also listen to this chat via podcast on: ivoox https://www.ivoox.com/open-chat-with-penpot-ep-02-jan-audios-mp3_rf_105447199_1.html spotify https://open.spotify.com/episode/0Pz3KpceMDI9L2gOFeHLit?si=fdc2aa41fdea4609 Penpot is an Open-Source Design & Prototyping Tool made for teams. Penpot invites designers all over the world to fall in love with open source while getting developers excited about the design process in return.You can use it for your mockups and web / app / UX & UI Design.https://peertube.kaleidos.net/static/streaming-playlists/hls/575724c0-3ba6-48b4-9dcc-88c430f5527e/deaf101b-46bc-4fea-8e70-bedf4491129e-master.m3u8https://peertube.kaleidos.net/videos/embed/bMxidgLmYPbzWpN659i5FQ2374052024-05-13T12:58:56.621ZYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/pCj9jFCxWKyF7TKUtRC8Xuhttps://peertube.kaleidos.net/lazy-static/thumbnails/63a83673-f259-4da5-a490-77fa7ab312bf.jpgPreconceived Ideas when Designing for Open Source |Open chat with Superbloom | Ep. #3The snippet you're watching is just a taste of the complete Open Chat With Penpot #3, with the full episode available for viewing right here: https://www.youtube.com/watch?v=7l2FTKh2MLQ We explored how designers can make meaningful contributions to open-source projects with researchers Nimisha Vijay (user experience designer at Nextcloud) and Eriol Fox (open source product manager at Superbloom, as well as a PhD researcher at Newcastle University). Through a two-way interview format, we discussed findings from their research "The Secret Life of Open Source Designers" such as: the unequal power dynamics between designers and developers within open source communities; the often slow pace of the design process; the isolation designers may experience due to insufficient feedback; and the challenge of unclear project priorities. --- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: ht...https://peertube.kaleidos.net/static/streaming-playlists/hls/bf54256e-a5f4-4349-ad04-1c0911c1e19e/455b6bf6-3ca0-4c83-818a-563f6f173164-master.m3u8https://peertube.kaleidos.net/videos/embed/pCj9jFCxWKyF7TKUtRC8Xu66042024-05-16T09:43:20.444Zopen chatpenpotsuperbloomdesignopen sourceYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/oU9PQbSdjek5YGT1vmUrNThttps://peertube.kaleidos.net/lazy-static/thumbnails/01c3571a-329f-4c02-8272-b89f4da6bf44.jpgPenpot 2.0 ins and outs and what's coming nextLearn more about Penpot 2.0 brand new features and enhancements. We shared lots of resources, figures of current situation after 2.0 release and new horizons of our roadmap, our future plans on pricing and all the questions that we could answer live. https://penpot.app/penpot-2.0 Find some of the links mentioned during the live stream on the chat and here there's a question that we didn't have time to answer: "What’s your primary need in terms of hiring?” We're currently looking for developers who'd like to join our amazing team at Penpot! More details on the job offer: https://blog.kaleidos.net/software-engineer/ Feel free to drop your questions in the comments below or our Community space: https://community.penpot.app/ 00:00 - Penpot 2.0 live Intro 01:32 - Review 2.0 11:52 - How to make the most of Penpot 2.0 17:12 - How can you contribute with Penpot 20:38 - What's next? Intro 26:10 - Design Tokens 36:55 - Runroom 42:25 - Plugins System 52:26 - Components 56:48 - Q&A --- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github...https://peertube.kaleidos.net/static/streaming-playlists/hls/b9712a3a-8476-4e8f-b820-dd7ef81e2323/ee7ce5dd-c3f5-4ecf-9fff-2b090e4c2e75-master.m3u8https://peertube.kaleidos.net/videos/embed/oU9PQbSdjek5YGT1vmUrNT39225432024-06-04T12:14:22.815ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/eB3ucsAQfeJY1yH2hHnmSXhttps://peertube.kaleidos.net/lazy-static/thumbnails/59c71ee7-3895-4390-8086-c1daa32e483d.jpgHappy with your design tool?Unlimited design and code in one tool. Sign up for free and experience the freedom at Penpot. Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/6e2b5dde-f682-4397-89ac-379970743df3/5d350420-eb63-42f8-a7a1-26084ebe34b3-master.m3u8https://peertube.kaleidos.net/videos/embed/eB3ucsAQfeJY1yH2hHnmSX325142024-06-26T10:35:49.826ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/9LJCRdjmtAWocJqnQ2PkQphttps://peertube.kaleidos.net/lazy-static/thumbnails/9ee7b54e-c7e9-4c76-8dc2-bda4c092131a.jpgUpgrade to Penpot: the first free open source tool for UI designs, prototypes, and more!Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/47081c30-14de-46ed-a85e-8ba8984afc4b/d2a82c6f-2499-4d17-8e99-12ab910e02af-master.m3u8https://peertube.kaleidos.net/videos/embed/9LJCRdjmtAWocJqnQ2PkQp260102024-07-30T05:06:20.102ZYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/oWTCsbGEHmCCTxn6wf8Rznhttps://peertube.kaleidos.net/lazy-static/thumbnails/f10b2507-4a6d-4997-ace1-25996b4cc00c.jpgPrototyping | Penpot Hands-On DemoAre you new to Penpot and want to learn more about prototyping? Or are you an existing user with a question about prototyping with Penpot? In this debut episode of Penpot's Hands-On Laura Kalbag, Design and Developer Educator, show us how to create interactive prototypes with Penpot: navigation, overlays, animation, flows, and more. Feel free to drop your questions in the comments below or our Community space: https://community.penpot.app/ Check out these useful links to help you design prototypes with Penpot: - The User Guide: https://help.penpot.app/user-guide/prototyping/ - Video tutorial "How to Design Interactive Prototypes with Penpot: A Step-by-Step Guide" https://www.youtube.com/watch?v=le3SEv2ctkk - Templates for prototyping: https://penpot.app/libraries-templates - Laura Kalbag's article on how to create interactive prototypes with Penpot: https://penpot.app/blog/creating-interactive-prototypes-with-penpot/ Chapters: 00:00 Penpot Hands-on Demo intro 02:14 Prepare your designs for prototyping 12:58 Prototypoing overlays 20:25 Animating protypes 27:44 Creating prototypes flows 33:58 Sharing prototypes 37:29 Q&A Time -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: / penpotapp ​​ *LinkedIn: / penpotdesign *Instagram: / penpot.app *Github: https://g...https://peertube.kaleidos.net/static/streaming-playlists/hls/b9d30801-c473-46ff-b07b-3e9bedd7baeb/0b7729d8-fa30-4486-bfc9-73eb7673a3ab-master.m3u8https://peertube.kaleidos.net/videos/embed/oWTCsbGEHmCCTxn6wf8Rzn339951142024-08-01T06:59:09.342ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/m6aUTTkNNzrMR2vNdwLcuehttps://peertube.kaleidos.net/lazy-static/thumbnails/83cfbad0-94a4-4ef3-9cb2-59721a2e2487.jpgWireframing | Penpot Hands-On DemoAre you looking to level up your wireframing in Penpot? In this webinar, Laura demonstrates how to quickly create wireframes for web and app designs with Penpot templates and answers your wireframing questions live. In this second episode of Penpot's Hands-On Laura Kalbag, Design and Developer Educator, shows us how to quickly create wireframes for web and app designs with Penpot templates and libraries. Feel free to drop your questions in the comments below or our Community space: https://community.penpot.app/ Check out these useful links to help you design wireframes with Penpot: - Our Learning Center guides: https://penpot.app/learning-center - Tutorial: Creating wireframes with Penpot: https://penpot.app/blog/tutorial-creating-wireframes-with-penpot/ - Article: What is a wireframe and how to make one: https://penpot.app/blog/what-is-a-wireframe-and-how-to-make-one/ - Download libraries and templates at: https://penpot.app/libraries-templates -- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: / penpotapp ​​ *LinkedIn: / penpotdesign *Instagram: / penpot.app *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/a2af99bb-c97c-4e1e-a4d4-e55c4a6d1831/d9a28568-8e54-41a1-8689-ca761ddc5226-master.m3u8https://peertube.kaleidos.net/videos/embed/m6aUTTkNNzrMR2vNdwLcue34285372024-08-27T16:56:55.026ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/seQP2hoF8BZ7NRNaHMWe8thttps://peertube.kaleidos.net/lazy-static/thumbnails/bb597759-ba03-4a62-9937-cdba6143c692.jpgCode-Driven UI Design | Open chat with Mikolaj Dobrucki | Ep. #4Description: In our latest Penpot Open Chat, the Product Designer Mikolaj Dobrucki discusses the growing overlap between design and coding, emphasizing the need for UX designers to acquire coding skills. He shares insights on bridging the gap between designers and developers and the importance of tool-agnostic design skills. Stay tuned as we explore the evolving relationship between design and code! --- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app Help: https://help.penpot.app Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: / penpotapp *LinkedIn: / penpotdesign *Instagram: instagram / penpot.app *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/d47c5ad7-5950-4362-9381-38dda7553ba5/9b81187a-c53a-41f4-8050-509b36e20813-master.m3u8https://peertube.kaleidos.net/videos/embed/seQP2hoF8BZ7NRNaHMWe8t2632032024-09-12T06:36:26.669Zopen chatdesignpenpotmikolaj dobruckiYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/bVLCiTdXeAKvj1TsFsDjVahttps://peertube.kaleidos.net/lazy-static/thumbnails/26b645ad-6085-4be6-8eda-8379353ac81b.jpgThe future of CSS | Open chat with Mikolaj Dobrucki | Ep. #4On our latest Penpot Open Chat, the Product Designer Mikolaj Dobrucki discusses the growing overlap between design and coding, emphasizing the need for UX designers to acquire coding skills. He shares insights on bridging the gap between designers and developers and the importance of tool-agnostic design skills. Stay tuned as we explore the evolving relationship between design and code! Enjoy all the Penpot Open Chat episodes on our playlist: https://www.youtube.com/playlist?list=PLgcCPfOv5v55g44qvYeXe4Qp-pQMcb00y --- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app Help: https://help.penpot.app Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: / penpotapp *LinkedIn: / penpotdesign *Instagram: instagram / penpot.app *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/587d4ee3-c604-4ce6-b914-42f01551995b/06211102-d7b1-45e7-88a3-ac5c874a5967-master.m3u8https://peertube.kaleidos.net/videos/embed/bVLCiTdXeAKvj1TsFsDjVa38072024-09-12T06:36:56.706ZYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/ezGSQMzaxQyvhhU9Tw3hnvhttps://peertube.kaleidos.net/lazy-static/thumbnails/2a3694cb-95d7-44c2-a73b-06d5c298a853.jpgIntroduction to Flex and CSS Grid layouts | Penpot Hands-On DemoThis Penpot Hands-on Demo will introduce you to “Flex and Grid Layouts.” We’ll go over the basics, examine their differences, and explain how they translate into code. Don’t miss it—join us to learn, ask questions, and get the most out of Penpot! Managing comments across different channels simultaneously is a bit challenging, so feel free to drop your questions in our Community space and we'll answer them as soon as we can: https://community.penpot.app/t/introduction-to-grid-flex-layout-hands-on-demo/6588 Check out these useful links to help you make the most out of Flex and Grid Layout with Penpot: - Tutorial: Creating responsive CSS Grid Layouts in Penpot: https://penpot.app/blog/tutorial-how-to-create-responsive-css-grid-layouts-in-penpot/ - Tutorial: How to create CSS Flex Layouts in Penpot: https://penpot.app/blog/tutorial-css-flex-layouts-in-penpot/ - Article: 5 reasons why CSS Grid Layout is key for designers: https://penpot.app/blog/5-reasons-why-css-grid-layout-is-key-for-designers/ - Visit our Learning Center guides: https://penpot.app/learning-center#flexible_layouts - Download libraries and templates at: https://penpot.app/libraries-templates --- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Learning Center: https://penpot.app/learning-center Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: / penpotapp ​​ *...https://peertube.kaleidos.net/static/streaming-playlists/hls/6dfb89bf-154f-4a51-b999-21d0d113fa2f/9ef4fe93-8d96-4154-a175-69cff05b7104-master.m3u8https://peertube.kaleidos.net/videos/embed/ezGSQMzaxQyvhhU9Tw3hnv371951052024-10-02T15:08:10.917ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/6YtEVbBhcJ82P2zxfQ4f6whttps://peertube.kaleidos.net/lazy-static/thumbnails/bdd4cede-e134-4e30-805a-ab8fc13965aa.jpgColor palettes and libraries | Penpot's Hands-on DemoIn this Hands-On Demo, Laura Kalbag will help you learn all about Penpot's fill and stroke colors, how to use the color picker and eyedropper tool, what are color profiles and how to create and manage your own color palettes and libraries. Don’t hesitate to drop your questions in the comments below or ask them live during the Q&A session. Get started with Penpot! 👉 https://design.penpot.app/?utm_source=HandsOnColor&utm_medium=Youtube#/auth/register Demo file: https://community.penpot.app/t/color-palettes-libraries-hands-on-demo-oct-30th/6773/2 --- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Learning Center: https://penpot.app/learning-center Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: / penpotapp ​​ *LinkedIn: / penpotdesign *Instagram: / penpot.app *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/306065b3-619f-4e42-b268-7aab885c68b0/22a4e55b-3927-4058-b1d0-98ec9c002f45-master.m3u8https://peertube.kaleidos.net/videos/embed/6YtEVbBhcJ82P2zxfQ4f6w33515652024-10-30T23:00:59.947ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/f7y5baG4PvYoNHPFJmpg1Lhttps://peertube.kaleidos.net/lazy-static/thumbnails/aca486bd-39f5-4336-a911-ad550b8429bb.jpgBlender: Inside the 3D tool | Open Chat with Dalai Felinto. Ep. #5To learn more about the most popular open-source 3D suites Blender’s long history and key moments, we invited Dalai, Blender's Product Manager, to our Penpot Open Chat. For a team full of Blender super fans, it was incredibly exciting news! Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/724a2b3e-a4ce-44d5-9683-de9c1f542ea0/95559ced-f88d-44e4-9052-1dbc2775bebe-master.m3u8https://peertube.kaleidos.net/videos/embed/f7y5baG4PvYoNHPFJmpg1L35515182024-10-09T11:05:57.251Zopen chatpenpotblenderopen sourcedesignYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/bror1jNDBJYDnRq9wWP1RWhttps://peertube.kaleidos.net/lazy-static/thumbnails/bf7a7114-40d4-4c6b-9c18-52e7e6d7cd57.jpgBlender, not for everyone? | Open Chat with Dalai Felinto. Ep. #5To learn more about the most popular open-source 3D suites Blender’s long history and key moments, we invited Dalai, Blender's Product Manager, to our Penpot Open Chat. For a team full of Blender super fans, it was incredibly exciting news! Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/5486cdf5-6127-455d-aee9-9c4816b9f7c8/85315793-158a-43fc-9df1-4c495844924e-master.m3u8https://peertube.kaleidos.net/videos/embed/bror1jNDBJYDnRq9wWP1RW40502024-10-10T17:31:36.860Zblender penpotopen chatYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/wFfueaP6mPdMucHnq6qf41https://peertube.kaleidos.net/lazy-static/thumbnails/91513a8c-f4a8-46f4-813d-813bc1805161.jpgKeeping teams aligned | Open Chat with Dalai Felinto. Ep. #5To learn more about the most popular open-source 3D suites Blender’s long history and key moments, we invited Dalai, Blender's Product Manager, to our Penpot Open Chat. For a team full of Blender super fans, it was incredibly exciting news! Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/f86d1835-0a5c-4553-9e33-673fa0752d76/c5e9ad53-e51e-408d-a095-2ab746c89c4f-master.m3u8https://peertube.kaleidos.net/videos/embed/wFfueaP6mPdMucHnq6qf4130502024-10-10T17:33:34.523Zblenderopen chatpenpotdalai felintoYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/7pxK7To4AZ3W4rQtRYDAdvhttps://peertube.kaleidos.net/lazy-static/thumbnails/5ee335e0-669d-42ac-906d-720af2b97324.jpgContributions at Blender: devs vs designers | Open Chat with Dalai Felinto. Ep. #5To learn more about the most popular open-source 3D suites Blender’s long history and key moments, we invited Dalai, Blender's Product Manager, to our Penpot Open Chat. For a team full of Blender super fans, it was incredibly exciting news! Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/33e08052-0362-46ed-9912-8825f501a845/caf64227-ceae-45c2-9093-13bf8da1bd30-master.m3u8https://peertube.kaleidos.net/videos/embed/7pxK7To4AZ3W4rQtRYDAdv59512024-10-10T17:36:54.511Zpenpotopen chatblenderdalai felintoYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/rKZtW9NDw4mKftNwaFbGZehttps://peertube.kaleidos.net/lazy-static/thumbnails/df7f4fde-81d5-4970-8b11-981f212ad471.jpgFast execution: the Penpot approach | Open Chat with Dalai Felinto. Ep. #5To learn more about the most popular open-source 3D suites Blender’s long history and key moments, we invited Dalai, Blender's Product Manager, to our Penpot Open Chat. For a team full of Blender super fans, it was incredibly exciting news! Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/d098df77-4101-49ff-8399-4a53db13c1b7/74b852f0-7493-455c-822e-bc963bd8165c-master.m3u8https://peertube.kaleidos.net/videos/embed/rKZtW9NDw4mKftNwaFbGZe31512024-10-10T17:36:47.698Zpenpotblenderopen chatpablo ruiz-múzquizYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/s83j7xBdT2xgmx1vVesfQXhttps://peertube.kaleidos.net/lazy-static/thumbnails/06cb771b-cd14-45d0-b8bf-842db3ffddb1.jpgPenpot: open and transparent | Open Chat with Dalai Felinto. Ep. #5To learn more about the most popular open-source 3D suites Blender’s long history and key moments, we invited Dalai, Blender's Product Manager, to our Penpot Open Chat. For a team full of Blender super fans, it was incredibly exciting news! Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/d3893c8e-7efd-4627-90be-535184364f4f/ee97a0ca-038c-42f3-b8b1-9639f21c6abe-master.m3u8https://peertube.kaleidos.net/videos/embed/s83j7xBdT2xgmx1vVesfQX36522024-10-10T17:38:24.624Zpablo ruiz-múzquizblenderopen chatpenpotYESOpen Chat PenpotNOhttps://peertube.kaleidos.net/w/jA4Rhng9n3G3oEmuSDyn7nhttps://peertube.kaleidos.net/lazy-static/thumbnails/d2e1505f-6385-4c4f-8e2a-122800ec3afb.jpgPenpot Plugins are out now!We are excited to announce the introduction of our brand new Plugin System! Learn more about Penpot plugins: https://penpot.app/penpothub/plugins. This opens a new door for the community to play a more active role in creating the best design and prototyping platform. Penpot Plugins: Imagine. Build. Share. Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: / penpotapp ​​ *LinkedIn: / penpotdesign *Instagram: / penpot.app *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/96862811-843b-429a-a71c-584c5f0c01f5/f5459beb-87ff-4218-8c62-06d6e79c4dab-master.m3u8https://peertube.kaleidos.net/videos/embed/jA4Rhng9n3G3oEmuSDyn7n38552024-10-23T04:56:38.256Zpluginspenpot_releasepenpot 2.3designwebdevYESPenpot SpotsNOhttps://peertube.kaleidos.net/w/hKqKKkvoTLRJfzsAgWANULhttps://peertube.kaleidos.net/lazy-static/thumbnails/243c1842-319e-4e10-8817-ee47d189418a.jpgIntro to Design Systems | Penpot Hands-On DemoThis hands-on demonstration will introduce design systems. They serve as a single source of truth to maintain consistency and simplify workflows for both design and development. Laura Kalbag, a designer, developer and educator, will cover essential topics such as shared libraries, updates, color libraries, typography libraries, component libraries, and layout components. She will also demonstrate how to publish shared libraries and —tada!— offer a preview of design tokens. Get started with Penpot! 👉 https://design.penpot.app/?utm_source=HandsOnColor&utm_medium=Youtube#/auth/register Demo file: https://community.penpot.app/t/color-palettes-libraries-hands-on-demo-oct-30th/6773/2 --- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Learning Center: https://penpot.app/learning-center Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: / penpotapp ​​ *LinkedIn: / penpotdesign *Instagram: / penpot.app *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/87a274be-184e-42bb-871d-b7cacdf049fc/ed5c96d5-e43d-427c-a0e0-9d823bc9f8c1-master.m3u8https://peertube.kaleidos.net/videos/embed/hKqKKkvoTLRJfzsAgWANUL35245282025-01-28T22:46:26.620ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/hX6JpXpdHR25XvoBtSiaFmhttps://peertube.kaleidos.net/lazy-static/thumbnails/573622a0-7805-459a-8088-9e7fa4b49159.jpgThe New Penpot Plugin System... and a Contest!Let’s celebrate the arrival of Plugins! Pablo, CEO at Penpot, will walk us through our plugin system and explain why this milestone is such a big deal for our community. He’ll also give a sneak peek at upcoming features like Design Tokens (yep, you heard that right)! To show how easy it is to create and integrate plugins with Penpot, Alonso, Software Engineer at Penpot, will take part of the session. Elena, Content Marketing Lead at Penpot, will go over the rules for joining our plugin contest. This is your chance to show your skills, engage with the open-source community, and be rewarded! Feel free to drop your questions in the comments below or our Community space: https://community.penpot.app/ --- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https:...https://peertube.kaleidos.net/static/streaming-playlists/hls/8943a86d-af3c-494d-9c74-8a87c79bcd96/249fbb54-da07-4618-95a2-83911b18ff76-master.m3u8https://peertube.kaleidos.net/videos/embed/hX6JpXpdHR25XvoBtSiaFm21930132024-11-20T08:44:01.846Zpenpotpluginslivepablo ruiz-múzquizcontestYESPenpot newsNOhttps://peertube.kaleidos.net/w/v8WhG4NkLx64QMfVU42EgUhttps://peertube.kaleidos.net/lazy-static/thumbnails/73d79e2e-f75e-43fb-b672-636043466931.jpgPenpot Plugins ContestWe have just launched our new Plugin System! To celebrate, enter the Penpot Plugins Contest, running from Nov 15 to Dec 15. Got plugin skills? Create and showcase your plugins for a chance to win one of the more than 20 cash prizes available. Whether you're a pro developer or a rookie at plugin building, we invite everyone to participate, contribute to the Penpot community and share their innovations. Imagine, build, and win! Enter the contest 👉🏻 https://penpot.app/plugins-contest?utm_source=PenpotVideo&utm_medium=Peertube&utm_campaign=PluginsContest Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/ebf4aefd-a7fa-488c-8c3d-0dabd2482c0a/1a230340-8211-4377-a928-16c3592a9d7d-master.m3u8https://peertube.kaleidos.net/videos/embed/v8WhG4NkLx64QMfVU42EgU520112024-11-15T12:26:20.050ZPenpotpluginscontestplugin systemprizesYESPenpot newsNOhttps://peertube.kaleidos.net/w/wc34Z4hDTwVaXF6gKH4Yvahttps://peertube.kaleidos.net/lazy-static/thumbnails/293b5288-2965-4c78-9c55-8f6032a8b985.jpgNew Penpot's plugins | Penpot Release 2.3With the latest 2.3 release, the new plugin system is now available in Penpot! Alonso Torres, software engineer at Penpot, explains how plugins can extend the endless capabilities of your design workflow thanks to Penpot API. Whether you're looking to expand your creative toolkit or contribute to the Penpot community with your own plugins this walkthrough has everything you need to get started. Join our Penpot contest and win up to $1,000! Learn more here: https://penpot.app/plugins-contest -- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: / penpotapp ​​ Bluesky: https://bsky.app/profile/penpot.bsky.... *LinkedIn: / penpotdesign *Instagram: / penpot.app *Github: https://github.com/penpot Penpot: Design as code. https://peertube.kaleidos.net/static/streaming-playlists/hls/f47c9dbb-7e2c-4ed5-922b-0ae07584e9a3/2abf4357-0d4b-4353-a9e0-4d9647869362-master.m3u8https://peertube.kaleidos.net/videos/embed/wc34Z4hDTwVaXF6gKH4Yva4610112024-11-22T12:04:40.888ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/15SvSo3kj7mF9PHQMAi3athttps://peertube.kaleidos.net/lazy-static/thumbnails/9e80a93b-06ca-4ff8-b5d7-cbc68a279ada.jpgUI design with Penpot | Penpot Hands-On DemoWe’re excited to announce a new hands-on demo where we'll show a full start-to-finish UI design using Penpot. Laura Kalbag, educator, developer, and designer at Penpot, will design a complete layout from scratch in just one hour. She’ll walk through design techniques and approaches that the community has been asking about, including importing vector graphics, creating and nesting components, and using CSS Flex and Grid layouts.https://peertube.kaleidos.net/static/streaming-playlists/hls/00ae1b25-7350-4424-9818-fca7dede77d5/0b320768-db9b-47b9-b679-4db343fc0a5e-master.m3u8https://peertube.kaleidos.net/videos/embed/15SvSo3kj7mF9PHQMAi3at36615612025-01-28T22:46:08.315ZLivepenpothands-onlaura kalbagui designYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/iqQQ5RakKNw46SfKHNU6zWhttps://peertube.kaleidos.net/lazy-static/thumbnails/b8339090-cfe7-4684-840d-4638f8b59535.jpgPlugins and Libraries | Penpot Hands-On DemoHave you had the chance to explore the new Penpot Plugin System? In this Penpot Hands-On Demo, Laura Kalbag, designer, developer, and educator at Penpot, will walk you through the simple process of installing and using plugins. She'll also guide us through the Penpot Hub, the new hub for discovering resources created, shared, and shaped by open-source collaboration. 00:00 countdown 00:30 intro 1:53 Discovering and installing plugins 07:37 Content Plugins 17:45 UI design plugins 53:08 Export Plugins 56:56 Creating your own plugin 59:47 Outro To learn more about Penpot's Plugins and Libraries, check out these useful links: Penpot Hub: https://penpot.app/penpothub Penpot Plugins: https://penpot.app/penpothub/plugins Plugin System Demo: https://www.youtube.com/watch?v=2IRkFAjB0Is Tutorial “How to use components and shared libraries”: https://penpot.app/blog/tutorial-use-components-and-shared-libraries/ Components and libraries demo: https://www.youtube.com/watch?v=dOGu1ke9fM4 https://peertube.kaleidos.net/static/streaming-playlists/hls/8d234cb6-52b9-48c3-b08f-7b08fb67f8c4/7a634ef7-0ea4-48f7-b591-05dc3276d75a-master.m3u8https://peertube.kaleidos.net/videos/embed/iqQQ5RakKNw46SfKHNU6zW37055282025-01-30T11:50:31.273Zpluginsplugin systemlibraries and templatespenpotYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/5MKfMdZKG4VjQ1PFvyUKZchttps://peertube.kaleidos.net/lazy-static/thumbnails/dbf37610-fd02-44b2-b404-c511586203b8.jpgWhat's new | Penpot Release 2.4Penpot's 2.4 release brings significant improvements such as: - The freedom to watch anything with the viewer role. No matter the role, everyone can collaborate confidently, with zero risk of editing files accidentally. - Version history: Manage your history by restoring old versions automatically saved or manually keep your favorites for future reference - The new .penpot format that streamlines the import and export of files and assets. - Rename layers shortcuthttps://peertube.kaleidos.net/static/streaming-playlists/hls/26c7ae57-6f80-40f3-8581-aa6dfa020881/f664edfe-fdd5-41fc-880e-73b1f1df60a2-master.m3u8https://peertube.kaleidos.net/videos/embed/5MKfMdZKG4VjQ1PFvyUKZc3685532025-01-08T14:54:31.477ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/4BWGTZ6CXUJictNS4cUEzhhttps://peertube.kaleidos.net/lazy-static/thumbnails/66e8d5a0-5c73-4ca5-a56d-4089344692ec.jpgNew viewer role | Penpot 2.4With Penpot's new viewer role, you'll enjoy the freedom to watch anything. Freely invite anyone to view your projects and share their feedback on files. No matter the role, everyone can collaborate confidently, with zero risk of editing files accidentally. --- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/1d502941-2e32-4b68-b965-1030b35fc412/6867be27-1a7e-449b-ab13-4cb393907c61-master.m3u8https://peertube.kaleidos.net/videos/embed/4BWGTZ6CXUJictNS4cUEzh138022025-01-09T16:28:14.730ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/d3Yg6P42koeMPtQA8te9ehhttps://peertube.kaleidos.net/lazy-static/thumbnails/46bbe9d2-ee7f-4a85-aa45-0cb480d23e43.jpgHistory versions | Penpot 2.4Penpot's new history version management will allow you to go back in time! You can restore automatically saved versions or manually save your favorites for easy future reference. --- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/6197d2b8-bc3e-4253-b4d3-c76ef13421ba/9899c66e-acd3-43c1-83ec-a16813b836cb-master.m3u8https://peertube.kaleidos.net/videos/embed/d3Yg6P42koeMPtQA8te9eh2385112025-01-09T16:30:37.835ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/cqSAbjWfSzCymqT5rmuHC7https://peertube.kaleidos.net/lazy-static/thumbnails/59dc1757-af26-4654-bd2d-34b7fe48e0b0.jpgAdvanced Flex Layouts | Penpot Hands-On DemoAre you already familiar with Penpot’s Flex layouts? Let’s get advanced! In this Hands-On Demo, Laura Kalbag, designer, developer, and educator at Penpot, will create a UI design from start to finish. Along the way, she’ll cover responsive layouts that work in different-sized containers and use Flex layouts inside Flex layouts. If you’re new to Flex layouts, there’s no need to worry; Laura will also cover common use cases like navigation lists, cards, and buttons. https://peertube.kaleidos.net/static/streaming-playlists/hls/5c8d8d6f-f080-4502-a700-0832ecb361b2/54746a8c-f41f-41b5-8c2f-be60cb5ee868-master.m3u8https://peertube.kaleidos.net/videos/embed/cqSAbjWfSzCymqT5rmuHC733090432025-02-27T16:01:14.165ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/mX7Mn8tSYeWa9ur2KrkWwDhttps://peertube.kaleidos.net/lazy-static/thumbnails/12f466fe-b2d8-49f5-b194-9bc1081230bf.jpgA short glimpse of 2025 | Penpot Community Hours #1Penpot Community Hours is a brand-new event series designed to bring our community even closer together. It’s a space to ask questions, discuss key topics, and—most importantly—connect face-to-face on camera. Come join Penpot Community Hours on Februrary 20th for a cozy chat with the team and community members. 🫂💬 *Click on the following link to directly chat with the team and participate 👉 https://zoom.us/j/96724795693* In these events, we will go over different topics, answer your burning questions on all things Penpot, and talk about design, development, open source, and more! First up on the agenda: Our 2025 plans. 📝 *☝️Got any questions for the team? Drop them in the chat or join us 👉 https://zoom.us/j/96724795693*https://peertube.kaleidos.net/static/streaming-playlists/hls/a9a8dc35-aab0-428a-849d-3c998f2d82b1/5bb1685f-42c1-4b1c-8e93-040ebf15d4f8-master.m3u8https://peertube.kaleidos.net/videos/embed/mX7Mn8tSYeWa9ur2KrkWwD36170172025-02-20T16:09:29.919ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/534jgCfBd3ijNcGgBBhnFLhttps://peertube.kaleidos.net/lazy-static/thumbnails/3735d9d1-a7e2-4afc-9ecd-948ad03bb9f8.jpgPenpot's unique business modelWhether you're a business model geek or want to know more of Penpot's long-term sustainability plan, this video is for you! Learn how this could impact the future of commercial Open Source from Penpot’s own bold vision. We’re challenging both traditional Open Core and recent Business Source License models with a fresh new approach.https://peertube.kaleidos.net/static/streaming-playlists/hls/20ae15ca-16da-4848-852d-158e401b0646/50087e9f-6bd0-47f2-bff5-c5d92d460ab5-master.m3u8https://peertube.kaleidos.net/videos/embed/534jgCfBd3ijNcGgBBhnFL44525282025-02-07T06:45:38.812Zpenpotbusiness modeltax the controlleropen nitratesustainabilityYESPenpot newsNOhttps://peertube.kaleidos.net/w/xsY9zxLvwGQCDUrHR9Lg9Qhttps://peertube.kaleidos.net/lazy-static/thumbnails/7d0133f7-5638-4ab1-b054-9a5d50224085.jpgPenpot Fest 2025 🎉 Save the Date!Penpot Fest is back! 🎉 Join us in Madrid (Spain) from October 8-10th. 🎟️ Stay tuned for early bird tickets and more updates at https://penpot.app/penpotfest. Penpot Fest is the friendliest event to bring design, code, and open source together. Get ready for inspiring talks on Design, Code, and Open Source, hands-on workshops, plenty of opportunities for networking, and of course_,_ delicious Spanish cuisine in beautiful Madrid (we’re big foodies at Penpot! 😋). At Penpot Fest, you’ll also have the chance to connect with the community in person and meet everyone who makes Penpot what it is: users, contributors, open-source enthusiasts, and the team. 2025 edition: Better, together: Refining the designer-developer workflow.https://peertube.kaleidos.net/static/streaming-playlists/hls/fecf3d25-94e6-41f7-801a-5da62d8b9edc/088ed79b-6f31-4c21-ae32-dbea925ceec8-master.m3u8https://peertube.kaleidos.net/videos/embed/xsY9zxLvwGQCDUrHR9Lg9Q275102025-02-04T11:23:08.974Zpenpot festpenpoteventopen sourcedesignYESPenpot FestNOhttps://peertube.kaleidos.net/w/ipS1CgVtShpPqSz7fdmUFShttps://peertube.kaleidos.net/lazy-static/thumbnails/d9507903-7562-4bd5-93b7-c95e4e6f5248.jpgPenpot unfolds new open-source business modelAt Open Source Experience 2024, held in Paris, CEO at Penpot, Pablo Ruiz-Múzquiz, unveiled a unique open-source business model for Penpot: the Open Nitrate Model. An exclusive take on how open-source projects can be financially sustainable while delivering the most feature-rich experience to its power users. See how Penpot is redefining open-source innovation to create a community-driven future for design tools. -- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code. https://peertube.kaleidos.net/static/streaming-playlists/hls/8d0048bf-5d58-440f-9079-cd6f701340f8/ddda0e3b-7c96-45f7-b5ae-3e7867e26e3f-master.m3u8https://peertube.kaleidos.net/videos/embed/ipS1CgVtShpPqSz7fdmUFS10385252025-02-11T08:29:42.615Zopen nitrateopen sourceopen source experience 2024sustainabilitydesign toolYESPenpot newsNOhttps://peertube.kaleidos.net/w/bWTiGxfzj6aQrYEe4qZKExhttps://peertube.kaleidos.net/lazy-static/thumbnails/7a325695-5fa7-4d70-8452-3ebdee373641.jpgCIVILIZATION 7 - Interface reviewThis time, we bring you a different kind of video to our channel. The new Civilization game edition 7 is out now and some of us within the Penpot team are massive fans! We enjoyed the design review so much that we wanted to share it with the rest of the fans out there. In this review, we analyze the interface of the video game *Civilization 7* and present four UI improvement proposals. We're aware developers are already working on this game's UI enhancements, but we wanted to share our feedback on this first version. These are personal suggestions and improvements made in Penpot. Needless to say that we’re not here to dictate what’s right or wrong—just to share our thoughts on a game we love and have fun in the process. Hope you enjoy it! 00:00 - Intro 01:27 - Interface overview 03:17 - Loading Screen 07:17 - Production Management Window 11:06 - Tooltips 14:30 - Header 16:55 - Outro -- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon...https://peertube.kaleidos.net/static/streaming-playlists/hls/58a52b08-e6d7-4629-a1ee-7fa13c36254f/e2af9113-1a9b-4c47-b28a-a0110b4c2e3f-master.m3u8https://peertube.kaleidos.net/videos/embed/bWTiGxfzj6aQrYEe4qZKEx10625682025-02-25T13:52:53.914Zcivilization 7ui analysispenpotinterface reviewYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/u7PXYKDPSdiZ4mdgPqq6bGhttps://peertube.kaleidos.net/lazy-static/thumbnails/bd8f9e9b-6f2e-4742-8ceb-a3c55a127cbd.jpgInterface design with UI kits | Penpot Hands-On DemoUI kits are a great way to create user interfaces quickly with pre-made components. In this Hands-On Demo, Laura Kalbag, designer, developer, and educator at Penpot, will show you several UI kits you can use with Penpot today. She’ll show you how both designers and developers can use UI kits to save time and ensure consistency across projects and how you can even use a UI as a starting point for your own design system. 3:03 UI kit demo 11:49 UI kits for developers 18:08 Discovering UI kits in the Penpot Hub 20:30 Using the Material Design UI Kit with Penpot 46:44 UI kits and design systems 52:33 UI Doctor --- Penpot is the first open-source design and prototyping tool for Product teams. Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs. You can use it for your mockups, webs, apps and any other type of UX & UI Design Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Learning Center: https://penpot.app/learning-center Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: / penpotapp ​​ *LinkedIn: / penpotdesign *Instagram: / penpot.app *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/e3b3e798-8c85-4d7a-92f3-c879f4457380/98adc0e8-8b1a-4348-a5e0-640850231a99-master.m3u8https://peertube.kaleidos.net/videos/embed/u7PXYKDPSdiZ4mdgPqq6bG35195572025-03-26T16:04:30.180Zhands oninterface designui kitspenpottutorialYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/rfd8MjAP15WmQM2y8od4Ukhttps://peertube.kaleidos.net/lazy-static/thumbnails/52f38370-5412-4f69-9d76-f39d9d84bbfb.jpgWhat's new | Penpot Release 2.5Penpot 2.5 release comes with over 10 exciting new enhancements, including a revamped gradients UI, shareable board links, Copy CSS properties, notifications of comments & mentions, and much more! Learn more: https://penpot.app/dev-diaries 00:24 - new Gradients UI with multi-stop support 01:26 - Mention functionality and Sidebar Filters 02:17 - Copy and Paste shape styles 3:05 - Shareable links to any specific board https://peertube.kaleidos.net/static/streaming-playlists/hls/cc705b72-f280-4fec-82b4-9863a4422367/2057a94e-841b-4c23-a7fa-5cf26aae6fa3-master.m3u8https://peertube.kaleidos.net/videos/embed/rfd8MjAP15WmQM2y8od4Uk2495122025-03-05T15:52:52.338Zrelease 2.5penpotgradientsui designwhat's newYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/u6nYf9s4zQxZUnrduZvnykhttps://peertube.kaleidos.net/lazy-static/thumbnails/44a183a1-8a79-423c-88c9-e602d3b433d8.jpgCopy and paste style properties | Penpot release 2.5Save time and ensure consistency by copying & pasting essential properties—CSS styles, colors, strokes, typography and effects. This new feature is part of Penpot's release 2.5. -- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/e3802401-c6aa-45ff-8a62-467ecc48025f/ccc59473-e99f-40fa-b8b3-ffcdbed36ae8-master.m3u8https://peertube.kaleidos.net/videos/embed/u6nYf9s4zQxZUnrduZvnyk545182025-03-18T14:28:02.822Zpenpot 2.5copy paste stylesstylesui designYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/r83spkyPbZiSRvZaB96D5qhttps://peertube.kaleidos.net/lazy-static/thumbnails/a1d2c202-3aa7-4888-82e9-f4eaec3b4081.jpgAdd multiple color steps to your gradients | Penpot release 2.5Add unlimited color steps to your gradients; flip and rotate them, and tweak the radius. This is part of Penpot's release 2.5. Learn more:https://penpot.app/dev-diaries -- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/cb702f9b-a432-4c78-a173-c765cfbcad1c/4643334b-b3ab-4e50-a57f-b47df2745d06-master.m3u8https://peertube.kaleidos.net/videos/embed/r83spkyPbZiSRvZaB96D5q68022025-03-18T14:29:28.895Zpenpot 2.5ui designgradientsmulti-stepYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/3PzmTRwZb8Fyq937HGLri2https://peertube.kaleidos.net/lazy-static/thumbnails/cc70935d-77c7-447e-9173-6885f82e833d.jpgHow to share a link of a board | Penpot release 2.5Now, with Penpot, you can point to a precise board and share the link with your team or stakeholders. -- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/16d6cb22-21dd-435e-8707-56ce488526df/1bad0a41-88f1-45b8-b185-fb7cc4f36c7d-master.m3u8https://peertube.kaleidos.net/videos/embed/3PzmTRwZb8Fyq937HGLri236042025-03-18T14:30:38.392Zpenpot 2.5link to boardui designpenpotYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/wFitn2pFz1Zdf2Q5Ha1gCFhttps://peertube.kaleidos.net/lazy-static/thumbnails/2cf10dfe-6d74-43ad-af0d-945c0bdd7c52.jpgHow to get notifications and mentions in comments section | Penpot's release 2.5Never miss feedback—get notified, mention teammates, and filter what matters in the comments section. Customize all the alerts in your profile. These enhancements are part of Penpot's releasee 2.5. -- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/f86eef26-fd20-4c85-a185-be512b21cf9b/1413d03c-587d-4664-a304-922d576e4c6a-master.m3u8https://peertube.kaleidos.net/videos/embed/wFitn2pFz1Zdf2Q5Ha1gCF55042025-03-18T14:37:43.790Zpenpot 2.5mentionscommentscollaborationui designYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/ho4ha9uPTYx91R9i1bvSj3https://peertube.kaleidos.net/lazy-static/thumbnails/012e2eea-1b59-4da7-86bf-92df39ef7648.jpgIntro to Design Tokens | Penpot Hands-On DemoDesign Tokens take center stage in our 10th Hands-on Demo! Laura Kalbag, educator, designer, and developer at Penpot, will demo the first design tool to natively include design tokens. She will discuss why Design Tokens improve designer and developer collaboration and how they enhance design workflows, all while showcasing practical use cases and how to implement design tokens for yourself and your team. The session will be hands-on and interactive, giving everyone a chance to jump in and take part in the Q&A. The penpot projects are now available in our community! 👉 https://community.penpot.app/t/design-tokens-live-sessions-in-april/8403/5 00:00 welcome to the live stream 01:20 Intro 02:57 What is a design token? 14:49 Types of design tokens 17:10 Creating and naming design tokens 27:12 Using design tokens 36:00 Using design tokens for themes and modes 43:40 Design tokens doctor (Q&A) --- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosst...https://peertube.kaleidos.net/static/streaming-playlists/hls/84a69a1c-7c56-4228-8daf-c5b43d217586/49ce5623-ed09-4e01-9679-312dddd4f9cd-master.m3u8https://peertube.kaleidos.net/videos/embed/ho4ha9uPTYx91R9i1bvSj331755522025-04-30T14:58:11.947Zhands on demolaura kalbagpenpotdesign tokensYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/uLzfBoLxpE2F3ANz8mUj7Hhttps://peertube.kaleidos.net/lazy-static/thumbnails/48571b1e-d84d-49da-b6b5-e24654614e3a.jpgPenpot Design Tokens are out!Penpot is the first tool to integrate native design tokens. A single source of truth to improve efficiency and collaboration between product design and development. Read more! 👉 penpot.app/design-tokens How do Penpot design tokens bridge design and code? They bring consistency by cutting down redundant decisions, acting as the single source of truth for visual elements across design systems. With import/export capabilities, you can reuse and sync visual elements across tools using a standard format. As an open-source solution, Penpot follows the most standardized approach available (W3C DTCG), ensuring compatibility across multiple tools and technologies. It is also the first design tool with built-in tokens, providing a seamless and efficient design environment. Penpot enables a shared common language, allowing designers and developers to work with the same logic and structure, bridging the gap between design and code. *Penpot Design Tokens: Small decisions to master complexity* Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/...https://peertube.kaleidos.net/static/streaming-playlists/hls/e8f919bf-0b1c-43c4-b7fb-d0cf40c2460d/cff9c9bd-a628-43ac-8e57-14c399e8c791-master.m3u8https://peertube.kaleidos.net/videos/embed/uLzfBoLxpE2F3ANz8mUj7H485132025-04-02T13:48:56.050Zdesign tokenspenpotui designtokensYESPenpot SpotsNOhttps://peertube.kaleidos.net/w/bNvz5TCyo7tyWZnW4eorhohttps://peertube.kaleidos.net/lazy-static/thumbnails/4a220a96-7c11-459e-8509-2577ffed61c5.jpgUnboxing Penpot Design TokensTUE, 15 APR - 14H UTC (Convert to your local timezone: https://zonestamp.toolforge.org/1744725600) Get ready for the live unboxing of Penpot’s Native Design Tokens! This event celebrates not only the launch of Penpot’s native design tokens, but also the exciting partnership with Tokens Studio by Hyma. Join us to learn all about Penpot’s native design tokens and participate in the live Q&A session. What to expect: Pablo Ruiz-Múzquiz, CEO of Penpot, will kick off the event, showing us Penpot’s design tokens within the 2.6 release and explaining why this milestone is such a huge deal for our community. Mike Kamminga, CEO at Tokens Studio by Hyma, will discuss how Penpot’s design tokens are the result of innovative teamwork and collaboration. Laura Kalbag, designer, developer, and educator at Penpot, will give a quick walk-through, showing you exactly how Penpot’s design tokens work and why they’re a crucial addition to your workflow. Live Q&A session to ask your questions Penpot design tokens: Small decisions to master complexity 00:52 intro 01:42 2.6 release, innovation 03:19 Design Tokens. Not yet another feature 03:50 Declarative Design 05:14 Open Sorce, open standards 06:15 Non-biased tooling 07:29 Accesible and inclusive tools and workflows 08:33 Design Tokens, since when 10:57 Mike Kamminga. The start of a movement 17:18 Design Tokens Demo with Laura Kalbag 18:20 Adding a design token 19:51 Complex systems with design tokens 22:16 JSON file 22:45 How you build up complex systems 23:33 Foundation/base/global tokens using sets 26:48 Semantic tokens using aliases 29:52 Density using calculations 32:38 Light and dark colour themes 33:40 Switching between themes with modes 35:30 How design tokens fit in with your overall design system 37:32 Q&A 58:26 Goodbye 01:00:01 Penpot Fest Early Tickets for sale Penpot is the free open-source design tool for Design & Code collaboration. ...https://peertube.kaleidos.net/static/streaming-playlists/hls/5779d2cc-d89b-48c0-8782-0936d6afb15a/23111777-cf23-4735-91ab-da34dfc13499-master.m3u8https://peertube.kaleidos.net/videos/embed/bNvz5TCyo7tyWZnW4eorho36665492025-04-15T15:07:44.497Zdesign tokenstokens studioui designpenpotYESPenpot newsNOhttps://peertube.kaleidos.net/w/eF8AsboxMVypXenQ8pxNaqhttps://peertube.kaleidos.net/lazy-static/thumbnails/976b77e0-9c33-4bba-bb23-b5b0e7fc257e.jpgWhat's new | Penpot release 2.6 - DESIGN TOKENS!This release comes with a very special new feature: Design Tokens! Penpot is the only tool to integrate native design tokens in its app. A single source of truth to improve efficiency and collaboration between product design and development. Learn more: https://penpot.app/collaboration/design-tokens Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code. 00:00 - Intro 00:40 - What are Design Tokens? | 01:23 - Token Naming | 02:34 - Color Theming | 02:57 - Multibrand 03:46 - Creating Design Tokens | 04:45 - Global Tokens | 07:18 - Alias Tokens | 08:12 - Semantic Tokens 10:44 - Import/Export Tokens as JSON | 11:23 - Invalid token | 11:55 - Export JSON | 12:40 - Import JSON 14:03 - Design Tokens Themes | 15:17 - Cre...https://peertube.kaleidos.net/static/streaming-playlists/hls/6ebd7d54-9525-454c-90b8-7e961b3d24c2/ac364508-703f-495a-9311-028993b6f477-master.m3u8https://peertube.kaleidos.net/videos/embed/eF8AsboxMVypXenQ8pxNaq10605312025-04-10T08:32:05.157ZDesign tokenspenpotmultibrandJSONui designYESPenpot newsNOhttps://peertube.kaleidos.net/w/2zWE5hoVR7zVmgKhUhQMcbhttps://peertube.kaleidos.net/lazy-static/thumbnails/fbdfe751-0529-4c6a-bd1c-56ad1c5a253c.jpgPenpot Design Tokens HighlightsIn this quick but complete demo, Laura Kalbag, designer, developer and educator at Penpot, highlights the key benefits and main uses of Penpot’s design tokens. Penpot is the first design tool to integrate native design tokens—a single source of truth for top design and dev collaboration. Enjoy Penpot’s standardized design tokens format to reuse and sync across different platforms, workflows, and disciplines. A huge improvement developed in collaboration with Tokens Studio by Hyma. Penpot design tokens: Small decisions to master complexity Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/0cd65dc5-ec3f-492e-853f-35fb5cd8495c/44626122-d034-4f82-86d0-bc3f61ab6101-master.m3u8https://peertube.kaleidos.net/videos/embed/2zWE5hoVR7zVmgKhUhQMcb2955242025-04-10T14:30:52.985Zdesign tokensui designux designJSONpenpotYESPenpot newsNOhttps://peertube.kaleidos.net/w/dkeachGH4oNqCDFnxtxdVqhttps://peertube.kaleidos.net/lazy-static/thumbnails/31a91818-28cf-4e2f-afe9-1f238581473e.jpgWhat are Design Tokens? | Penpot 2.6Juan de la Cruz, Designer at Penpot, breaks down what design tokens are and how to create tokens for dimensions, spacing, color, and more—providing a solid base for a consistent design system. Penpot Design Tokens: Small decisions to master complexity All about design tokens! 👉 https://penpot.app/collaboration/design-tokens 00:04 Definition of Design Tokens 00:42 Token naming 01:54 Color Theming 02:16 Multibrand Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/63dce79f-b771-4337-8462-c61ac59b4d72/b33824b1-8fa9-435d-b3bd-386dec332b31-master.m3u8https://peertube.kaleidos.net/videos/embed/dkeachGH4oNqCDFnxtxdVq172592025-04-11T08:32:43.504Zui designdesign tokenspenpotopen sourcedesign systemYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/ctzrqWuHC1xMhR1sfrVB4dhttps://peertube.kaleidos.net/lazy-static/thumbnails/33644fca-ea64-4d52-95ce-a96f1cbad5a7.jpgCreating Design Tokens | Penpot 2.6Join Juan de la Cruz, Designer at Penpot, as he explores the three key types of tokens—Global, Alias, and Semantic—and explains how they work together to build a powerful and adaptable token structure. Penpot Design Tokens: Small decisions to master complexity All about design tokens! 👉 https://penpot.app/collaboration/design-tokens 00:00 intro 01:24 Global Tokens 03:57 Alias Tokens 04:41 Semantic Tokens Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/5cee36d7-7f6b-4954-89c5-94f23c962bbe/8b78668c-cd18-478e-bd31-91c1a835903f-master.m3u8https://peertube.kaleidos.net/videos/embed/ctzrqWuHC1xMhR1sfrVB4d450562025-04-11T09:42:58.940Zdesign tokensui designpenpotopen sourcedesign systemYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/7X8f9QWFzYvetK2hEugi1Xhttps://peertube.kaleidos.net/lazy-static/thumbnails/654d269e-7fb6-479e-abf2-c7d2fec243ba.jpgImporting & Exporting Tokens (JSON) | Penpot 2.6Learn how to smoothly import and export tokens as JSON files in Penpot. Juan de la Cruz, Designer at Penpot, also covers how Penpot manages invalid tokens and ensures easy collaboration between design and code. Penpot Design Tokens: Small decisions to master complexity All about design tokens! 👉 https://penpot.app/collaboration/design-tokens 00:00 intro 00:37 invalid token 01:09 import JSON 01:54 export JSON Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/3849341e-62a8-4bc0-bc9c-5b2c88f21ef3/8f47fb99-51a8-406f-a894-50dfaaf664fc-master.m3u8https://peertube.kaleidos.net/videos/embed/7X8f9QWFzYvetK2hEugi1X2095232025-04-11T09:43:00.246Zjsondesign tokenspenpotui designopen sourceYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/b4eDi99ZFmnYjr88JVunkvhttps://peertube.kaleidos.net/lazy-static/thumbnails/2e1c60f4-7af9-41dd-b85f-0d3f36274dd6.jpgDesign Tokens Themes | Penpot 2.6Discover how to use token themes to support multiple brands, products, or dark/light modes. Juan de la Cruz, Designer at Penpot shows how themes can make your design system more flexible, scalable, and easy to manage. Penpot Design Tokens: Small decisions to master complexity All about design tokens! 👉 https://penpot.app/collaboration/design-tokens 00:04 How themes work 01:13 Creating themes Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/516f0695-d288-45e5-bd34-fb752bf21f8f/1e22a3ce-6c0b-48a7-9f7f-fb49390f0845-master.m3u8https://peertube.kaleidos.net/videos/embed/b4eDi99ZFmnYjr88JVunkv1835152025-04-11T09:48:15.485Zui designthemesdesign tokenspenpotopen sourceYESPenpot newsNOhttps://peertube.kaleidos.net/w/feMr6gH1uLtUCXNodEmSTFhttps://peertube.kaleidos.net/lazy-static/thumbnails/3521f0db-048a-4ed0-8530-b9ac60149fd2.jpgQuick intro to Design TokensNew to design tokens? Start here! In this quick introduction, Laura Kalbag, designer, developer and educator at Penpot, explains what design tokens are and their benefits for your design workflow. The video includes practical examples and demonstrates how to create design tokens in Penpot. Watch the full version of this video: https://www.youtube.com/watch?v=3Yh5vDV8vTg Also learn more about Design Tokens in our blog: https://penpot.app/blog/what-are-design-tokens-a-complete-guide/ Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ * Bluesky: https://bsky.app/profile/penpot.app *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code. https://peertube.kaleidos.net/static/streaming-playlists/hls/734c9bed-0254-4ac9-8a30-d38f46344f3d/6850d0fc-e461-4af7-a43e-592c0cebab83-master.m3u8https://peertube.kaleidos.net/videos/embed/feMr6gH1uLtUCXNodEmSTF4760182025-05-06T14:57:33.901Zdesign tokenspenpotYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/1JGB579QZD3dpdm9SzfoUZhttps://peertube.kaleidos.net/lazy-static/thumbnails/2f3e617e-1c28-4538-bea5-420dbe43f8df.jpgWhat's new | Penpot release 2.7 - Design Tokens enhancements and moreWith this release, Penpot's Design Tokens just got better and there's more on the way! A more new stuff covered on this release: - Prototype sharing just got easier: Viewers and editors can now share links effortlessly - Tones of bug fixes & performance upgrades Download Design Tokens template and let us know what you think! https://penpot.app/collaboration/design-tokens Learn more about design tokens here: https://penpot.app/collaboration/design-tokens 00:00 Intro 00:20 Duplicate Token Sets 00:32 Easier Setting up Themes 00:38 Debugging Tokens 00:43 Tokens Starter Kit 00:59 Propagate "sharing a prototype" to editors and viewers 01:20 Design improvements to the Invitations page 01:48 Outro -- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ * Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot....https://peertube.kaleidos.net/static/streaming-playlists/hls/05f64309-0375-4059-a980-02fe16349999/7aa4e863-6a47-434f-885e-47e291f7f2f6-master.m3u8https://peertube.kaleidos.net/videos/embed/1JGB579QZD3dpdm9SzfoUZ1265182025-05-14T09:13:35.278Zdesign tokensdesign toolopen sourcepenpot releasesYESPenpot newsNOhttps://peertube.kaleidos.net/w/k58AQVU4Gct9ZcfaDWQwCyhttps://peertube.kaleidos.net/lazy-static/thumbnails/2080fc5b-d87c-4007-bd07-adfa309810b5.jpgPractical UI Design with tokens | Penpot Hands-On DemoLIVE: Thursday, June 26th. UTC 3-4 PM How can we really work day-to-day with Penpot design tokens? Join Laura Kalbag, educator, designer, and developer at Penpot, for an interactive, hands-on session where she’ll walk you through creating a complete UI design using Penpot’s design tokens and our Design Tokens Starter Kit. You'll learn how to: - Design a complete UI using a Design Tokens Starter Kit - Speed up your design workflow with design tokens - Integrate tokens into components and libraries - Edit existing tokens and create new ones - Collaborate with design tokens following best practices - Make your UIs more accessible with tokens 1:22 Intro 2:59 How to get the Design tokens starter kit 8:58 Creating a UI design with design tokens 32:32 Building a Penpot components library 49:51 Using design tokens to improve accessibility 53:32 Design tokens doctor Q&A 👉 For a complete set of resources to help you get started with Penpot design tokens, visit our Penpot Design Tokens site: https://penpot.app/collaboration/design-tokens 👉 You’ll find all the info about this live in our community space! https://community.penpot.app/t/ui-design-with-tokens-hands-on-demo-june-26th/8983 👉 Enjoy the entire Hands-on demo series, where we explore real-life designer and developer use cases. https://www.youtube.com/playlist?list=PLgcCPfOv5v56_iRm-lwkdNtgXEP2M-vUAhttps://peertube.kaleidos.net/static/streaming-playlists/hls/9a714b33-2bd4-4a95-8930-2646ab6343c0/c8a2d2d6-2d29-4ac5-9fb3-1d1a8be03575-master.m3u8https://peertube.kaleidos.net/videos/embed/k58AQVU4Gct9ZcfaDWQwCy35595702025-06-26T16:04:52.421ZLivepenpothands ondesign tokensui designYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/us6p7JsvgRmhUS45j5rsuChttps://peertube.kaleidos.net/lazy-static/thumbnails/4de28341-2cb6-45ed-adbd-b461bd1b4fa3.jpgContribution in open source | Penpot Community Hours #2What do design and development contributions really look like in the world of open source? More importantly, how can you get involved and make an impact? In this second episode of our Penpot Community Hours, Elena Torro, software engineer at Penpot, and Juan de la Cruz, designer at Penpot, covered the importance of contributions in open source and how they build a strong community. They also shared ways to get involved for both developers and designers, and highlighted Penpot’s transparency through projects like Desktop and plugins, offering customization via forking, self hosting, and cloud. Penpot Community Hours are all about bringing our community even closer: asking questions, discussing set topics, and seeing each other on camera. What you didn’t see is the amazing conversation we had later. Join the next Penpot Community Hours so you don’t miss out! Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ * Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/e6648c27-656f-49aa-96ee-a56a2cbf260c/ea1ac433-7a35-4016-a258-e245f5635611-master.m3u8https://peertube.kaleidos.net/videos/embed/us6p7JsvgRmhUS45j5rsuC15665102025-06-11T11:52:40.248Zpenpotcommunity hourscontributionopen sourceYESPenpot newsNOhttps://peertube.kaleidos.net/w/ajM9wkCZB6r4mBfRdRALhDhttps://peertube.kaleidos.net/lazy-static/thumbnails/f4496788-af6a-4159-9090-f4be26c55ff1.jpgWhat's new | Penpot release 2.8Penpot 2.8 delivers a powerful set of new features and thoughtful UX improvements. Design Tokens now support multi-file import and export, making it easier to manage complex setups. We’re also working on typography tokens: Get ready! Performance has also been improved for SVG-heavy files, thanks to backend upgrades and ongoing work on a brand-new rendering engine. This release is packed with smart enhancements to streamline your workflow: AI-powered help built right into the workspace, Ctrl+Shift+Drag to quickly deselect layers, theme syncing with your OS, and refreshed tooltips. Thanks to our community, Penpot now supports Serbian, and the font catalog has grown to include accessibility-focused options like Atkinson Hyperlegible. Don’t miss the end of the video for a sneak peek at what’s coming next. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ * Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/4b817566-8f1c-47c3-9fd9-2acd86f29715/7ffc0a4c-be8a-4a77-b8b6-53098b5369f7-master.m3u8https://peertube.kaleidos.net/videos/embed/ajM9wkCZB6r4mBfRdRALhD1775132025-06-26T14:53:51.040ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/hsBtfFv9QdSXXmucpsyfubhttps://peertube.kaleidos.net/lazy-static/thumbnails/cd90480e-7dd6-4929-9644-3598b025d292.jpgPenpot Variants Are Coming | Sneak Peek DemoPenpot Variants are almost here to bring serious power to your component workflow. Get a sneak peek at the powerful new functionality coming soon! 🎉 Variants allow you to create and manage different versions of the same component, all while keeping shared properties and connections intact. That means faster workflows, simpler updates, and a smoother design experience across the board. The release is just around the corner — get ready! Sign up for free 👉 https://design.penpot.app/#/auth/register Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ * Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/85496a69-68af-4a03-a5ce-44200e8ac91a/dc31ed9e-418d-49dd-81a0-029648898cad-master.m3u8https://peertube.kaleidos.net/videos/embed/hsBtfFv9QdSXXmucpsyfub3875182025-07-03T15:26:03.851Zvariantspenpotcomponent variantsdesign systemsui designYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/wiCygwJTunXAbip3VVnmpLhttps://peertube.kaleidos.net/lazy-static/thumbnails/d273de19-03bd-41c1-b963-7cf7bdbc3539.jpgPenpot at WeAreDevelopers 2025 – Booth HighlightsA quick look at the best moments from Penpot’s booth at WeAreDevelopers 2025! So many of you stopped by to say hi, explore open source design, and share your energy with us, thank you! See you at the next event. Long live open source! #Penpot #WeAreDevelopers #OpenSource #designtools Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ * Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/f5685521-049b-4910-9b54-4b19034982ea/e8bde03e-71f8-438f-a376-10fdb5ca5bfd-master.m3u8https://peertube.kaleidos.net/videos/embed/wiCygwJTunXAbip3VVnmpL30542025-07-21T09:24:03.484ZYESPenpot newsNOhttps://peertube.kaleidos.net/w/jpvapkk7F9ix1V5vDTd8vGhttps://peertube.kaleidos.net/lazy-static/thumbnails/c60f4e7f-1ddb-493d-935c-fbf240b31eca.jpgLocofy Lightning plugin with Locofy | Penpot Hands-On DemoLIVE August 21st - 3-4 PM We’ve teamed up with Locofy to bring you a powerful plugin that turns your designs to code in a flash! Whether you’re a designer looking to better support devs or a developer aiming to speed up your workflow—this demo is for you. Join us on August 21st for a special live hands-on demo, where you’ll see the full design-to-code journey in action, with Pablo Ruiz-Múzquiz, CEO at Penpot, Locofy team and, as always, Laura Kalbag, educator at Penpot. 00:00 intro 07:26 Structuring a design for the best code output 24:23 Using Locofy to turn your design into code 48:04 Q&A Feel free to try the plugin here: https://penpot.app/penpothub/plugins/locofyhttps://peertube.kaleidos.net/static/streaming-playlists/hls/950c930a-6bd2-4b4c-bdbd-072699660f26/5efd5ff6-ac2a-4705-9b75-510a75007de6-master.m3u8https://peertube.kaleidos.net/videos/embed/jpvapkk7F9ix1V5vDTd8vG37935302025-08-21T15:13:52.689ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/qNvUY7CeQHFQXnVTqNMPjohttps://peertube.kaleidos.net/lazy-static/thumbnails/6da44c23-a5dc-40a5-9cc8-971362023a33.jpgWhat's new | Penpot release 2.9The 2.9 release brings solid and constant progress on design tokens management —with new typography token— along with smarter text overrides for components, plus a rich collection of quality-of-life enhancements. Watch and find out! Learn more: https://penpot.app/dev-diarieshttps://peertube.kaleidos.net/static/streaming-playlists/hls/c8d9f9d7-7be3-4eb7-94f3-23b85e8184ee/b69005c9-0bf9-4b07-97de-1f0ad2273d03-master.m3u8https://peertube.kaleidos.net/videos/embed/qNvUY7CeQHFQXnVTqNMPjo1795182025-08-05T12:23:41.481Zpenpotui designrelease 2.9design tokenstypography tokensYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/nBVCmgkLJLyDM4rFz6XeVRhttps://peertube.kaleidos.net/lazy-static/thumbnails/b6f612ad-993b-434b-b412-21d99a1f89d3.jpgPenpot Fest 2025 - Save your seatFull line-up, agenda and session details are now live! Save your seat and join us to get a glimpse of Penpot's future, too. https://penpot.app/penpotfest --- Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ * Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/af13fe10-f529-4fc5-b4f5-db1ea613c3cf/398562d1-ba0a-47bb-a880-e22ade7e24da-master.m3u8https://peertube.kaleidos.net/videos/embed/nBVCmgkLJLyDM4rFz6XeVR455192025-08-25T07:42:54.886Zpenpot festpenpotui designfestYESPenpot FestNOhttps://peertube.kaleidos.net/w/j5RxiTPPKdPSxYassnwN2Yhttps://peertube.kaleidos.net/lazy-static/thumbnails/6b38bbc3-c256-4254-b0fb-73e6f68428f8.jpgDesign Systems with variants | Penpot Hands-On DemoThis week marks the release of Penpot Variants, and this hands-on workshop will guide you through everything you need to know to start using them effectively. Laura Kalbag, Design and Developer Educator, we’ll begin with a quick primer on components and component libraries, then dive into creating variants: exploring how, why, and when to use them in your design work. You’ll see live demos of different use cases for variants, learn how to convert existing components into variants, and understand how to combine components and variants with design tokens to build more consistent, scalable UI designs. By the end, you’ll have practical knowledge and workflows you can take back to your own projects. 00:00 Intro 03:49 Components and libraries primer 8:26 Using variants in UI design 14:14 Creating component variants 22:59 Nesting components with variants 38:44 Using components and variants with design tokens 50:00 Variants Q&Ahttps://peertube.kaleidos.net/static/streaming-playlists/hls/9272003e-17d2-4154-b9c9-f43bb206712a/acd0238c-b9f5-4478-9418-0715c4311084-master.m3u8https://peertube.kaleidos.net/videos/embed/j5RxiTPPKdPSxYassnwN2Y36095412025-09-24T15:05:54.313ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/hv9f5VJEsvrK5qApySSKSshttps://peertube.kaleidos.net/lazy-static/thumbnails/4952325c-0028-40ae-bcaf-3abe08aa286e.jpgWhat's new | Penpot release 2.10 (Variants)The wait is over. Variants are finally here!🎉. The feature that changes everything for your components and design systems. Ester Latorre, Product Designer at Penpot, explains in this video what's new on Variants as well as new typography tokens & more. 👉 Try them now at penpot.app ---- 00:00 - Intro 00:40 - What's a Component 00:56 - Penpot Variants overview 01:29 - How to create a Variant and how to use them 02:32 - Properties and values. Components area 03:10 - Properties and values. Layers area 03:37 - Applying Flex layout in Variants 03:56 - Adding properties to Component Variants 05:42 - Using Variants 06:43 - Switch between Variants 07:01 - Overrides in Penpot Variants 08:09 - Variants into components 09:22 - Combine components as Variants 11:01 - New typography Design Tokens 11:35 - Select your board size upfront 11:58 - Show distances while moving layers Penpot is the free open-source design tool for Design & Code collaboration. Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ * Bluesky...https://peertube.kaleidos.net/static/streaming-playlists/hls/85a3de23-14b2-4abc-b8cf-f0377f0eb62a/13b1a89f-bae4-4148-babc-ae0eee546b32-master.m3u8https://peertube.kaleidos.net/videos/embed/hv9f5VJEsvrK5qApySSKSs7640342025-09-23T10:04:40.471Zvariants,penpotdesign tokenscomponent variantsui designYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/v9Yh79hom5otcBEnqondBYhttps://peertube.kaleidos.net/lazy-static/thumbnails/5107bf0a-00f8-4284-ad22-e56e37f4b72d.jpgPenpot Variants00:06 What's a Component 00:35 Penpot Variants overview 01:07 How to create a Variant and how to use them 02:12 Properties and values. Components area 02:44 Properties and values. Layers area 03:12 Applying Flex layout in Variants 03:35 Adding properties to Component Variants 05:19 Using Variants 06:22 Switch between Variants 06:22 Overrides in Penpot Variants 07:50 Variants into components 09:00 Combine components as Variantshttps://peertube.kaleidos.net/static/streaming-playlists/hls/ec19a756-1538-4ecf-a8aa-be7c98b8c0be/e93cbbab-cb4c-4dc5-8226-b842fc7b4e28-master.m3u8https://peertube.kaleidos.net/videos/embed/v9Yh79hom5otcBEnqondBY64352652025-09-25T14:39:56.590ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/jUDCUgNE92P8nn75V8SQr2https://peertube.kaleidos.net/lazy-static/thumbnails/13f452e0-95ff-4221-8eea-d1a83e471d00.jpgThis Is PenpotPenpot is the open-source design platform for designer and developer collaboration. Discover our manifesto! "Our world is an open canvas, a source of collaboration…" -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: / penpotdesign *Instagram: / penpot.app *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/991e5db6-be14-4ae9-9d16-e26d742160cb/ec8f059a-cc72-405f-83c9-67187eaedfe1-master.m3u8https://peertube.kaleidos.net/videos/embed/jUDCUgNE92P8nn75V8SQr28151392025-10-14T12:59:39.524ZYESPenpot SpotsNOhttps://peertube.kaleidos.net/w/8KQed87RbutPeE33NN3ieahttps://peertube.kaleidos.net/lazy-static/thumbnails/8c89f698-128f-4b78-854b-42d5211d2649.jpgUnfolding the official Penpot MCPÁlvaro Tejero, AI Lead at Penpot, shared at Penpot Fest our explorations on how design can be analyzed and explained to AI. A high-level keynote where he points out Penpot's ideas on how machine learning and LLM's can help designers and developers, unfolding the official Penpot MCP, already available at https://github.com/penpot/penpot/tree/develop/mcp Penpot Fest 2025 | Better, together: Refining the designer-developer workflow. -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/3eceac93-e511-42fa-9bb4-5faf2393dfcf/c8ef85f4-1ac3-42a1-8998-137128cba93a-master.m3u8https://peertube.kaleidos.net/videos/embed/8KQed87RbutPeE33NN3iea5205222025-10-23T05:31:49.830ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/xpJYq7dvL3G14NbtdXkM8khttps://peertube.kaleidos.net/lazy-static/thumbnails/949eae22-78eb-411f-93da-d87f22499aab.jpgVariants & Tokens: Building Design Systems - Andrés González at Penpot Fest 2025Andrés González, Product Owner at Penpot, shared how native Design Tokens and Variants are already making a tangible impact for teams working with complex Design Systems. He also outlined what upcoming releases will bring, including prototyping interactions with variants, composite Tokens, and token synchronization. Penpot Fest 2025 | Better, together: Refining the designer-developer workflow. -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/fe5be355-b96a-49e0-9601-0363d68ac1a5/fb579d0d-2c6b-4c00-8e13-7ab071fb3abe-master.m3u8https://peertube.kaleidos.net/videos/embed/xpJYq7dvL3G14NbtdXkM8k4285192025-10-23T05:36:46.445ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/kSBsvMTY3Bm4hWBt7L3Cjwhttps://peertube.kaleidos.net/lazy-static/thumbnails/0cca5e07-3642-4aa3-9dea-e2ebe6c6e67b.jpgQuality of life: polish over bloatIn her Penpot Fest keynote, Clara García Viñola, Growth/Product Designer at Penpot, explained what Quality of Life improvements mean for Penpot. These changes focus on removing friction, simplifying workflows, and improving the user experience without adding extra complexity. She explained how community feedback plays a central role, as all improvements are guided by user requests to ensure Penpot evolves in ways that really matter. Penpot Fest 2025 | Better, together: Refining the designer-developer workflow. -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/a0eeac9d-3268-4fcf-835e-09e79294bc52/414e3032-a64e-4d6a-aa0a-f8579267cd61-master.m3u8https://peertube.kaleidos.net/videos/embed/kSBsvMTY3Bm4hWBt7L3Cjw3640172025-10-23T05:40:05.543ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/7CSBkYfPgrmeZWadq6aBzNhttps://peertube.kaleidos.net/lazy-static/thumbnails/20298935-2136-4dd6-869b-4ed304b0171b.jpgNew Penpot render engineDuring Penpot Fest 2025, Elena Torró, Software Engineer at Penpot, explained why we are building a new Render Engine and offered technical tips into how we are approaching this ambitious project. She also revealed that the engine is just around the corner and announced an open beta, giving the community an opportunity to provide feedback and help shape its development. Penpot Fest 2025 | Better, together: Refining the designer-developer workflow. -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/35bccbfc-7c72-4c98-85d2-079fe16014cc/91a4ea55-768e-4a74-a1a4-c109266f5ecd-master.m3u8https://peertube.kaleidos.net/videos/embed/7CSBkYfPgrmeZWadq6aBzN4135252025-10-23T05:44:44.874ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/oR7a7CAKQCuD6e9p9i6y93https://peertube.kaleidos.net/lazy-static/thumbnails/14cacfbf-910c-4f39-9848-ab89bfaab04c.jpgA Future of Open Doors, Shared Languages and OwnershipPablo Ruíz-Múzquiz, CEO of Penpot, took the stage at Penpot Fest 2025 to deliver the opening keynote, offering a quick wrap-up of what this year has brought for Penpot: a brand-new Plugins System, native Design Tokens, Variants, and a series of community events where the team showcased what real collaboration means for Penpot. He also shared key product metrics, outlined Penpot’s vision for AI, and explained the concept of the Open Nitrate Model. Penpot 2025 | Better, together: Refining the designer-developer workflow. -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/b9044a2b-5f4d-473d-87cf-b156025a1aea/7fdbe57b-18ab-44ab-994f-80dd4f20fea7-master.m3u8https://peertube.kaleidos.net/videos/embed/oR7a7CAKQCuD6e9p9i6y939730242025-10-23T05:52:51.466ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/71GxqqiLBJt5i9WywXjMo3https://peertube.kaleidos.net/lazy-static/thumbnails/ad6c0610-a593-4d90-a7e2-b5f6e58d5cfe.jpgPenpot Fest 2025 Highlights Reel3, 2, 1… Penpot Fest 2025 happened! 🎉 From fun and learning to exciting announcements, Penpot Fest 2025 in Madrid brought together a diverse community of designers, developers, and contributors. The event celebrated openness, shared language, quality over quantity, and collaboration as the key to achieving greater impact. ¡Viva Penpot Fest! Penpot Fest 2025 | Better, together: Refining the designer-developer workflow. ---- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/30afd112-fce3-4a8c-a3e5-3e64c21e0b52/b0529cbd-f7c3-4433-b187-1d7ae7c7789b-master.m3u8https://peertube.kaleidos.net/videos/embed/71GxqqiLBJt5i9WywXjMo3650392025-10-23T10:53:47.631ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/uESkHqqet4HGNqeZ9ZybQLhttps://peertube.kaleidos.net/lazy-static/thumbnails/f02f0b4d-922b-405e-96bb-13878c8e8b51.jpgPenpot Showcase at Penpot Fest 2025🎉 No Penpot Fest would be complete without a product showcase! In this special Penpot Fest session, Pablo Ruiz Múzquiz, CEO at Penpot, and the team take us on a journey through the future of Penpot, sharing exciting sneak peeks and plans revealed for the very first time! 🔹 Elena Torró, Software Engineer at Penpot, explains why the team is building a new Render Engine, offering technical insights into how they’re approaching this ambitious project. She also reveals that the engine is just around the corner and announces an open beta, inviting the community to provide feedback and help shape its development. 🔹 Álvaro Tejero, AI Lead at Penpot, shares Penpot’s explorations on how design can be analyzed and explained to AI. In this high-level keynote, he introduces Penpot’s ideas on how machine learning and LLMs can assist designers and developers, unveiling the official Penpot MCP, now available on GitHub: https://github.com/penpot/penpot-mcp 🔹Clara García Viñola, Growth/Product Designer at Penpot, talks about Quality of Life improvements—updates focused on removing friction, simplifying workflows, and improving the user experience without adding complexity. She highlights how community feedback plays a central role in guiding these enhancements to ensure Penpot evolves in meaningful ways. 🔹 Andrés González, Product Owner at Penpot, shares how native Design Tokens and Variants are already making a tangible impact for teams working with complex Design Systems. He also outlines what upcoming releases will bring, including prototyping interactions with variants, composite Tokens, and token synchronization. Penpot Fest 2025 | Better, together: Refining the designer-developer workflow. --- Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: htt...https://peertube.kaleidos.net/static/streaming-playlists/hls/e82d2b36-cb95-478f-ae28-4700d29f91c4/a2d62b06-1fa7-4dd3-86bb-5b516c3cbc06-master.m3u8https://peertube.kaleidos.net/videos/embed/uESkHqqet4HGNqeZ9ZybQL2425122025-10-27T16:34:35.272ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/3cDBxwbsKwXDi64ejQJpxFhttps://peertube.kaleidos.net/lazy-static/thumbnails/a8b59192-340c-4571-ade3-a555ddcf642d.jpgArtificial constraints for value-driven growth, by John O'Nolan at GhostJohn O'Nolan, Co-founder and CEO at Ghost, shared at Penpot Fest 2025 his view on how creative constraints and self-imposed limitations can actually be a good way to narrow down your options and sparkle creativity. Ghost, a fully open-source, independent publishing platform, emerged from one and only creative constraint: stay true to its mission and to its users, without growing into a wealthy project only serving its shareholders profit. Penpot Fest 2025 | Better, together: Refining the designer-developer workflow. -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/11d2a375-92a7-4257-ac51-70c761f533f9/bdb9ce71-9c92-4176-b912-e8f56b2441f2-master.m3u8https://peertube.kaleidos.net/videos/embed/3cDBxwbsKwXDi64ejQJpxF1245052025-10-28T06:45:09.854ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/k5mKs9SFaTJWSTymTxaA8Whttps://peertube.kaleidos.net/lazy-static/thumbnails/90b78109-ecff-4990-a91e-a3fa2743566e.jpgHow design and dev innovate together? By Glòria Langreo at GitHubIn her Penpot Fest keynote, Glòria Langreo, Senior Product Designer at GitHub, shares her six nuggets of wisdom about the practices and principles that help when creating innovative work environments where collaboration, trust and shared ownership can thrive. Penpot Fest 2025 | Better, together: Refining the designer-developer workflow. -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/9a796590-c224-4156-8b1c-a3da63981bcc/9a95692c-e0f5-4637-b3bd-169820b80aaa-master.m3u8https://peertube.kaleidos.net/videos/embed/k5mKs9SFaTJWSTymTxaA8W1403012025-10-28T07:30:19.789ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/psv3LjpAxDUvhZCH6vQXAYhttps://peertube.kaleidos.net/lazy-static/thumbnails/fa5436e4-9014-4985-acf7-2e94214087c5.jpgUnleashing Creativity from Design and Dev's Middle Grounds, by Alaa AlnuaimiAt Penpot Fest 2025, Alaa Alnuaimi, Creative Director at Mobiquity and Hexaware, shares what makes a project truly disruptive. He talks about the core principles that have guided his career, showing how experimentation, collaboration, and craft have helped his teams create remarkable, memorable work. Penpot Fest 2025 | Better, together: Refining the designer-developer workflow. -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/bdf56daf-2ddf-4a4b-9746-a074cbbc6058/401f7827-5b24-4b3e-8be7-c55ef9025725-master.m3u8https://peertube.kaleidos.net/videos/embed/psv3LjpAxDUvhZCH6vQXAY1544022025-10-28T07:18:01.754ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/n5jyfhUUJCtR96VDUbTbyahttps://peertube.kaleidos.net/lazy-static/thumbnails/375ac1d4-e170-47ab-8907-7fc350214dbe.jpgInnovation in Open Source, Francesco Siddi at BlenderDuring his Penpot Fest keynote, Francesco Siddi, COO at Blender, reflects on Blender’s evolution as more than software:it’s a living, community-powered project. He shares what it takes to keep it relevant and growing, from funding to structure to vision, and reminds us: "the key is always people, enabling people working together". Penpot Fest 2025 | Better, together: Refining the designer-developer workflow. -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/aaaa528d-02cc-44aa-a00c-89783c1eec89/5bff22fa-bdbd-409f-808f-42a9abcd509a-master.m3u8https://peertube.kaleidos.net/videos/embed/n5jyfhUUJCtR96VDUbTbya1554092025-10-28T07:03:13.349ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/nWKikcWo5Nwx9oxCj5j2Vahttps://peertube.kaleidos.net/lazy-static/thumbnails/29567c1b-7309-4cd1-8356-471ca840ffbe.jpgThe Next Leap in TokenizationMike Kamminga, co-founder and CEO at Hyma, shares the main reasoning behind Design Tokens existence, what pains they deal with and what are their current limitations. But, most importantly, Mike introduces Hyma's new take on tokens management: Token Script, a real language for design systems, readable by humans, machines, and even AI. *Penpot Fest 2025 | Better, together: Refining the designer-developer workflow.* -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/b1b4c260-401f-449c-9e8a-67b7ccee41ff/ebe12e28-4664-4aff-ab27-3b55cdff3eb0-master.m3u8https://peertube.kaleidos.net/videos/embed/nWKikcWo5Nwx9oxCj5j2Va1271072025-10-29T08:42:30.454ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/n2aNt44s6YXe2Mk8ssLi1Mhttps://peertube.kaleidos.net/lazy-static/thumbnails/801a141f-5bd1-4fc4-a63b-e529f24d7790.jpgDesigning openly for everyone: meet CodexBárbara Martínez, Senior Designer at Wikimedia Foundation, talks about Codex, the Design System used at Wikipedia and all Wikimedia products. Through several examples, during her Keynote at Penpot Fest, Bárbara shares how designing openly might take more effort, but ultimately leads to stronger and more sustainable and inclusive design systems. *Penpot Fest 2025 | Better, together: Refining the designer-developer workflow.* -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/aa39b21f-f5b8-4ba1-a9a3-aed9663eea91/d7062b69-9164-4aea-891a-eb9bf283f2c8-master.m3u8https://peertube.kaleidos.net/videos/embed/n2aNt44s6YXe2Mk8ssLi1M1283082025-10-29T09:06:01.295ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/ecQS7NWvxkUzZRaYzm8b1Uhttps://peertube.kaleidos.net/lazy-static/thumbnails/5a066dea-7e04-45d0-badd-3a20b9e0631f.jpgWho wants to be a unicorn?Laura Kalbag, our fabulous educational content creator, decided to embark our audience in an epic game show during her keynote at Penpot Fest. She asked a series of seemingly harmless multiple-choice questions about designer–developer relations, and this is what we learned: - These relationships are tougher than they seem - Unicorns are a myth - And collaboration, curiosity, and sharing are what truly drive strong connections *Penpot Fest 2025 | Better, together: Refining the designer-developer workflow.* -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/6aee18fd-70f9-4365-8c7f-571dd9563514/85873bce-ff83-483d-93bd-6a065d99f74a-master.m3u8https://peertube.kaleidos.net/videos/embed/ecQS7NWvxkUzZRaYzm8b1U1301062025-10-29T08:57:50.797ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/pjDH75QwYjMv1fDuFbA9jkhttps://peertube.kaleidos.net/lazy-static/thumbnails/7f6f58e8-1c51-4d45-9325-5b30d24160f9.jpgFreeing imagination to empower the next generation of artistsTimothy Tan, VP & Global Operations at CGGE, and Catina Yiu, Curriculum Lead at CGGE, share their insights about the role of opensource in education and their experience in developing curriculums that help students get real practical skills for their future careers. They also unfolded the new certification program they've created for Penpot 😃 and shared their community space: OriginCG. *Penpot Fest 2025 | Better, together: Refining the designer-developer workflow.* -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/bcdcd0db-dd1b-49c1-90be-8f2f5f8c7217/1804c69b-7b48-4b36-bc0f-eef4d924c68e-master.m3u8https://peertube.kaleidos.net/videos/embed/pjDH75QwYjMv1fDuFbA9jk1130072025-10-29T13:38:00.106ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/cEAyeXJc7TmbkPqaAaN3xfhttps://peertube.kaleidos.net/lazy-static/thumbnails/7e8854c3-1b0e-4ccf-8b12-59755b9e6842.jpgWait, did we just collaborate?In this discussion panel, Laura Kalbag leaded our guests through a discussion about collaboration, workflows and ownership, with Open Source at its heart. The best possible way to wrap-up Penpot Fest 2025. The panel “Wait, did we just say collaboration?” featured Glòria Langreo, Senior Design Director at GitHub; Layshi Curbelo, Founder & CEO at Command Z; and Catina Yiu, Curriculum Lead at CGGE. *Penpot Fest 2025 | Better, together: Refining the designer-developer workflow.* -- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/5e781596-e9d6-40d9-a778-09c58000729c/41d5941e-fd11-4488-b418-52ff58460f87-master.m3u8https://peertube.kaleidos.net/videos/embed/cEAyeXJc7TmbkPqaAaN3xf2638082025-10-30T08:21:03.701ZYESPenpot FestNOhttps://peertube.kaleidos.net/w/8i5tCioL1rVDdaAtbKBSF2https://peertube.kaleidos.net/lazy-static/thumbnails/720ae3c0-cabc-40f7-85aa-35c1674f776d.jpgWhat's new | Penpot release 2.11Typography tokens take the spotlight in Penpot 2.11! This release also brings an improved experience for inviting teammates, a refreshed and more informative user menu, and, of course, our unstoppable Variants getting even better. And there’s more good news: we’ve just released our official MCP server! Learn more: https://penpot.app/dev-diaries Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/3b125f92-bb4e-4e29-a9ba-0677f7cb9207/ce2ad274-8b0d-4e36-84b4-12b8f6d631ef-master.m3u8https://peertube.kaleidos.net/videos/embed/8i5tCioL1rVDdaAtbKBSF22235402025-11-04T16:39:52.410ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/isZKwryUWi8HwctgDXycRyhttps://peertube.kaleidos.net/lazy-static/thumbnails/3995ee6b-a184-47ff-b3b3-bcaf43bfd73c.jpgScalable UI design: tokens, components & variants | Penpot Hands-OnWhat makes a good component? How can design tokens help improve your design workflow? In this demo, Laura Kalbag, Penpot educator, will update her Penpot template "Prototype Examples", into a more modern, system-based setup. She'll convert the UI to rely on a component library, component variants, and design tokens, showing how these tools make designs easier to maintain, faster to scale, and better for team collaboration. Along the way, she'll explain when it’s worth creating components/variants, how to organize them into libraries, and how to set up tokens (color, spacing, typography), including themes. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code. 00:00 Intro 04:08 Creating components 12:43 Catch up on component variants 23:09 Getting started with design tokens 35:24 Designing typography tokens 45:14 Building design token themes I 48:57 Sneak Peek: Color tokens in the design tab 49:49 Building design token themes IIhttps://peertube.kaleidos.net/static/streaming-playlists/hls/8d704903-3f24-4841-839f-f584a9f26b96/a1f82eb4-1093-40bd-b89c-59a637c1b239-master.m3u8https://peertube.kaleidos.net/videos/embed/isZKwryUWi8HwctgDXycRy37245542025-12-10T16:07:53.134Zdesign systemsui designvariantsdesign tokenspenpotYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/mP7xfy6v3ryJ61KgCuzXzGhttps://peertube.kaleidos.net/lazy-static/thumbnails/1adecabd-7177-439a-8fa6-99a4caffc1ee.jpgSelf Host Penpot deep dive | Penpot Community Hours #3As our numbers for self-hosting continually increase, so do the need for a deeper dive to answer burning questions on self-hosting Penpot and making things your own! Our Penpot Community Hours #3 will have our very own Yamila Moreno and Docker’s Ajeet Raina joining us. and we will take you through the process of self-hosting Penpot, using Docker. Penpot Community Hours are all about bringing our community even closer: asking questions, discussing set topics, and seeing each other on camera. What you didn’t see is the amazing conversation we had later. https://peertube.kaleidos.net/static/streaming-playlists/hls/a88ac294-354d-421c-8084-ad0300ca4d06/a2ea5497-201c-4b77-ab2e-f38ee7dcde46-master.m3u8https://peertube.kaleidos.net/videos/embed/mP7xfy6v3ryJ61KgCuzXzG17745242025-11-28T11:16:25.340Zdockerselfhostcommunity hourspenpotYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/83NGLAwAxAmCEhECApXrZxhttps://peertube.kaleidos.net/lazy-static/thumbnails/7b9b97be-dce1-4284-8dfc-9fd471c7874e.jpg“Whac-A-Mappole”: the immersive video wall that lit up Penpot FestCarlos Padial (Asturnazarí) transformed a large relief mural into Whac-A-Mappole for the Penpot community: a fully open-source video-mapping wall and multiplayer game made with Godot, Penpot, Inkscape, and Blender. Read the interview for the build story, the last-minute fixes, and the philosophy behind it all at LinkedIn: https://www.linkedin.com/pulse/you-keep-control-tools-project-penpotdesign-uvpvf/ Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/39143d66-f00d-4d6d-a028-210d4d8ecbd5/dd6a3188-3d03-4ce9-bc4a-40b45dcfa1c7-master.m3u8https://peertube.kaleidos.net/videos/embed/83NGLAwAxAmCEhECApXrZx610162025-12-02T13:11:27.876ZOPEN SOURCEMAPPINGINTERACTIVEGAME ARTPENPOT FESTYESPenpot FestNOhttps://peertube.kaleidos.net/w/t2gErCkwhS35Y2zwMLD8J3https://peertube.kaleidos.net/lazy-static/thumbnails/497f376a-10d6-41e6-bba2-9d884bc6d80e.jpgWhat's new | Penpot release 2.12This release is all about removing friction and giving you a smoother, more connected workflow: - Color tokens appear now on the properties menu - Variants have an intuitive boolean toggle - PDF export becomes easier to select - Single sign-on is officially available on our cloud service 00:00 Intro 00:45 Color Tokens in the sidebar 01:16 Variants boolean toggle 01:45 Easy PDF export 02:03 Community Contribution 02:34 Outro Try it in Penpot: https://design.penpot.app/ Learn more about this release in our Dev Diaries: https://penpot.app/dev-diaries ---- Penpot is the free open-source design platform for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/dad423df-5fef-489f-8469-93fbffc5802a/f085580f-07a6-45ee-9177-9e5c56ed16ac-master.m3u8https://peertube.kaleidos.net/videos/embed/t2gErCkwhS35Y2zwMLD8J31855142025-12-12T12:22:12.086ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/pe62NYC4HUMzwcz7KVfdCghttps://peertube.kaleidos.net/lazy-static/thumbnails/fa7a7a13-9f56-4dbd-8fe2-c9aef48d1d01.jpgComposite Typography Token | Penpot 2.11Step into the world of Composite Typography Tokens and discover a smarter way to manage text styles in Penpot. In this video, Juan, Product Designer, introduces composite typography tokens that bundle font, weight, size, line height, spacing, and more into a single reusable definition. 👉 One click 👉 Endless consistency 👉 Scalable design systems Perfect for design systems, UI/UX designers, and product teams looking to maintain visual consistency across products. #Typography #DesignTokens #DesignSystems #UXDesign #UIDesign #ProductDesign #TypographyDesign #DigitalDesign #DesignWorkflow Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/bc15f572-a326-4700-abcb-448785b30d47/c5786cd8-cec8-45c8-81b4-3ddd29bc3286-master.m3u8https://peertube.kaleidos.net/videos/embed/pe62NYC4HUMzwcz7KVfdCg40552025-12-15T10:29:06.799ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/61BWg2NNU6mCXkUq6QaVv9https://peertube.kaleidos.net/lazy-static/thumbnails/1d35ab7c-5e8a-4dcd-b2ec-4633b35e34e8.jpgColor tokens on the design properties panel | Penpot 2.12Managing color design tokens just got easier. In this video, we explore how you can view and edit color tokens directly from the design properties panel, giving you instant visibility and better control during your design workflow. This improvement removes the need to dig through token lists and helps you work faster. You’ll also see how this sets the foundation for displaying all design tokens wherever they’re applied in the design properties panel in future releases. Ideal for design systems, UI/UX designers, and product teams focused on clarity, consistency, and efficient workflows. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/2893d6df-028c-4c1e-90d8-2b79c643ea96/52a15717-1fea-45c3-9ce2-0457d0fe9389-master.m3u8https://peertube.kaleidos.net/videos/embed/61BWg2NNU6mCXkUq6QaVv915562025-12-15T10:33:56.028ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/aViewxsHSgV2VW7c1PgrFghttps://peertube.kaleidos.net/lazy-static/thumbnails/7fdf667f-837c-4066-9954-9f3f1a7538b6.jpgVariants state toggle | Penpot 2.12Sometimes the smallest interactions make the biggest impact. In this video, we introduce a customizable boolean toggle in the properties panel that lets you switch variant states instantly. With a single toggle, you can move between states in seconds, reducing friction in your workflow and making component exploration faster and more intuitive. A simple change that brings speed, clarity, and control to everyday design tasks. Perfect for design systems, UI/UX designers, and product teams who care about efficient workflows and thoughtful interactions. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/505349c0-be97-421a-bc66-b9f9a182f771/3b1eb117-1961-473a-b39f-3f589d4aca4a-master.m3u8https://peertube.kaleidos.net/videos/embed/aViewxsHSgV2VW7c1PgrFg315102025-12-15T10:38:09.925ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/svTNVRadRAECLGw44tZ7CBhttps://peertube.kaleidos.net/lazy-static/thumbnails/2c386740-b8fc-43e4-84df-53ead6ed2884.jpgIntro to typography design tokens | Penpot Hands-on DemoTypography can determine the success of your design system because it defines the way users experience information and engage with your product. In this demo, Laura Kalbag—developer, designer, and educator at Penpot—will introduce you to typography design tokens. She'll show how to create, apply, and name typography tokens in Penpot, and build a proportional typographic scale with ease. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpothttps://peertube.kaleidos.net/static/streaming-playlists/hls/d6ba1a5d-73d9-4da1-9744-808cb58db95b/2212e37f-d76d-49c9-8e0b-8903ff2bcbdf-master.m3u8https://peertube.kaleidos.net/videos/embed/svTNVRadRAECLGw44tZ7CB36105432026-01-28T16:06:54.761Ztypography tokensdesign tokensdesign systemsYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/8PPiWBWKLBvEpyw4U12szahttps://peertube.kaleidos.net/lazy-static/thumbnails/81630e60-6382-4ce0-a1fe-ca7784b1099f.jpgWhat's new | Penpot release 2.13In this video, Juan de la Cruz, designer at Penpot, walks you through our first product release of the year and what it means for designers and teams. This release includes: - Recover deleted files from Trash and - Shadow tokens. 👉 This may also interest you! Join the beta and help shape the future of Penpot by testing the New Render Engine early and sharing your feedback with the team: https://community.penpot.app/t/join-as-a-beta-tester-for-the-new-penpot-render-engine/10175 Try Penpot for free at penpot.app. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code. 00:00 intro 00:51 Recover deleted files from Trash 01:40 Shadow Tokens 2:31 Join the New Render Engine beta test https://peertube.kaleidos.net/static/streaming-playlists/hls/3f5d154e-5692-4e24-a906-f66b3aa80f93/05e22d02-71b5-42e8-93e1-187673cf2709-master.m3u8https://peertube.kaleidos.net/videos/embed/8PPiWBWKLBvEpyw4U12sza199592026-01-20T13:49:47.762Zshadow tokensdesign systemsYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/99AxCm1AkX3DdfhEhAAGbxhttps://peertube.kaleidos.net/lazy-static/thumbnails/134b86ee-fa5a-44b8-8483-32aff4996010.pngShadow Tokens | Penpot 2.13Our second composite design token, the Shadow token, is now here. Until now, you couldn’t save shadows as reusable styles. Now you can create reusable, consistent drop shadows and inner shadows, made of one or multiple layers, fully tokenized and ready to scale across your designs. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/41fc5946-53db-4607-9990-3ef903054ef3/9ac54947-4b08-4377-89d6-c17318082e67-master.m3u8https://peertube.kaleidos.net/videos/embed/99AxCm1AkX3DdfhEhAAGbx47022026-01-20T14:16:04.190ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/mumtdyVDPpZ9t5hMvqKANMhttps://peertube.kaleidos.net/lazy-static/thumbnails/a8468a0d-27d3-4adb-bbba-1e4199e3405f.pngRecover deleted files from Trash | Penpot 2.13Deleting a file no longer means it’s gone forever. The Trash is a dedicated space in the dashboard where deleted files and projects live before being permanently removed. From here, you can recover content deleted by mistake or clean things up for good when you’re sure you don’t need them anymore. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/a5ec36a0-6a7a-41e3-91b9-4c423cd575f9/aa79e5ff-d34d-45e9-945e-be232b6980cb-master.m3u8https://peertube.kaleidos.net/videos/embed/mumtdyVDPpZ9t5hMvqKANM47002026-01-20T14:23:27.724ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/frgH1vuv6KBwFTAvQTFWmehttps://peertube.kaleidos.net/lazy-static/thumbnails/6d2db83c-1fb6-4e1a-a639-b29a42f8a349.jpgColor in UI Design with Penpot!A brand-new unit just landed in the UI course with Penpot, and it’s all about color in UI design. It includes videos on how to work with color, covering color palette creation and a wide range of tips and practical techniques, such as saturating greys, designing for dark mode, and ensuring accessibility. Enjoy a mix of theory, hands-on demos, and optional assignments to immediately put what you learn into practice. Course educator Laura Kalbag also walks you through applying all of this directly in Penpot. Get started with the course for free, or explore the new contents around color: 👉https://penpot.app/courses/ Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot https://peertube.kaleidos.net/static/streaming-playlists/hls/74e7371e-06d7-4f49-a427-01b77208d1b5/e6088d76-017f-4339-9439-d86043aa3bd4-master.m3u8https://peertube.kaleidos.net/videos/embed/frgH1vuv6KBwFTAvQTFWme48592026-02-02T14:06:41.870ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/o8RXX8T6PGQbZpCkvoJvAXhttps://peertube.kaleidos.net/lazy-static/thumbnails/fc7aa569-504a-4287-814d-6b6135ac7d74.jpgDesign Systems at Scale | Penpot ✕ Tokens Studio Hands-On DemoDo you ever feel overwhelmed by the number of design tokens you’re managing? To help you simplify, Marco-Christian Krenn from Tokens Studio joins us as a special guest for this hands-on demo. Together with Laura Kalbag, Penpot Educator, he’ll guide you through building complex design systems in Penpot using fewer design tokens, reducing complexity and maintenance. 🤓 They’ll cover: - Fluid typography - Multi-brand, scalable systems powered by tokens - What belongs in your system core vs. what should be themeable - Proportional token systems using references and math operators There will be time for live Q&A — bring your toughest (and nerdiest) token questions. 00:00 Intro 02:00 Marco introduces himself 02:48 Tokens Studio and Penpot Collaboration 03:28 What are design tokens? 5:52 Responsive scales and typography with design tokens 8:26 Fluid type scale generator 10:25 Proportional type scale demo 20:20 Breakpoints 24:51 Accessibility text zoom 29:44 New release: Token groups and remap 31:39 Naming Scale tokens 35:58 Practical design token color palettes 37:29 Color theming. HSLA color palette token 39:30 Color Spaces. 44:02 Random color generator 48:54 Design token structure and performance 54:25 Q&A New to Penpot? Start for free today! 👉https://design.penpot.app/#/auth/register Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *X: https://twitter.com/penpotapp ​​ *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/b3420c79-8346-40c1-9d2d-7700e4057bcf/4c124ff4-a445-43f6-9e50-85cbb35deb1e-master.m3u8https://peertube.kaleidos.net/videos/embed/o8RXX8T6PGQbZpCkvoJvAX35490572026-02-25T16:07:00.543ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/xvXHDknGEPsm1gj8am1vjThttps://peertube.kaleidos.net/lazy-static/thumbnails/35017399-3327-4d89-a696-3c01d042910e.jpgPenpot MCP Server | Unlimited AI agents in your workflowPenpot MCP Server lets you connect unlimited AI agents directly into your workflow, and that workflow can be fully multidirectional. Go from design to code, code to design, design to design, and beyond. Expand it as far as your imagination takes you. Unlike other tools, Penpot’s MCP Server doesn’t lock you into a single AI agent. Connect any AI agent or LLM you trust, or combine multiple agents to collaborate together. Use any MCP client. Customize the integration to fit your needs. You control the stack. MCP opens the door to entirely new ways of connecting design, code, and automation. That’s the power of Open Source in the agentic AI era: shaping the system around your vision instead of adjusting your vision to the system. With Open Source, you stay in control of the entire stack whether you self-host Penpot, deploy it on a dedicated server, or use the SaaS offering. Design without limits. Automate without constraints. Build your own AI-powered workflow. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot *Peertube: https://peertube.kaleidos.net/ Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/ff3a3489-8db9-4d08-ae3e-2f22977270fb/6eec100e-654d-4b8a-87a2-cb0ca830e240-master.m3u8https://peertube.kaleidos.net/videos/embed/xvXHDknGEPsm1gj8am1vjT38592026-02-27T10:57:15.860ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/s1TxL7r3bfzv7n8RoHeswLhttps://peertube.kaleidos.net/lazy-static/thumbnails/8e34d83d-9472-41d9-96ff-ec013ea22661.jpgPenpot MCP Server | Scribble to DesignThis short demo shows how Penpot's MCP Server can generate a new splash screen from a simple scribble, using the rest of the file's components and screens as a reference. Official Penpot MCP server, already available at https://github.com/penpot/penpot/tree/develop/mcp Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/d2ad5f5b-c5db-4b2f-ae8e-4d33ead84cb8/9f2470dd-1f2a-47f0-be97-9a1fcd65767f-master.m3u8https://peertube.kaleidos.net/videos/embed/s1TxL7r3bfzv7n8RoHeswL365102026-03-03T15:57:32.095ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/pCp3otQvfB66PzH6eEvghDhttps://peertube.kaleidos.net/lazy-static/thumbnails/1860fb01-2e08-42a0-935e-53fca181e364.jpgPenpot MCP Server | Every form variantsIn this video, we explore the power of Penpot’s MCP, showing how a single prompt can automatically extract every possible variant of an Input Form and generate its full combinatorial matrix. What would normally require an enormous amount of manual effort, defining states like hover, focus, error, success, disabled... and all their possible combinations is handled automatically and systematically. The difference in effort compared to doing this manually is massive. This is a clear demonstration of how Penpot MCP Server applied to a design workflow can: Dramatically reduce manual work Ensure full state coverage Strengthen design system consistency Scale component exploration effortlessly Transform complex UI logic into structured output If you work with design systems, UI components, or AI-driven workflows, this showcases a powerful shift in how complex variant generation can be approached. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot *Peertube: https://peertube.kaleidos.net/ Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/bf572a1e-2327-4e6d-9e88-f8fc214de9a9/62db6471-dc6a-47ff-a5d6-0e3087beed8f-master.m3u8https://peertube.kaleidos.net/videos/embed/pCp3otQvfB66PzH6eEvghD37062026-03-06T13:00:40.966ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/fMEvSJjCZ3cPm39zE2JEGkhttps://peertube.kaleidos.net/lazy-static/thumbnails/d0cba9f3-8b1a-4797-ae20-187039a7a37f.jpgPenpot Ambassador ProgramPenpot Ambassador Program is live! Our ambassador program is a peer-to-peer learning network where designers, developers, educators connect and celebrate the open-source spirit. Penpot Ambassadors will build an open library full of insights through unique and curated learning cycles. Read more about it and join the waiting list on our webpage. https://penpot.app/ambassador-program ---- Penpot is the free open-source design tool for Design & Code collaboration. https://design.penpot.app​​ Penpot is ideal for product design: UI designs, prototypes, wireframes, mockups, webs, apps, and much more. Penpot allows a true collaboration and no handoff drama between designers and developers thanks to features like CSS Grid Layout, Flex Layout and Code Inspect. Designers get a professional, intuitive, powerful design tool with ground-breaking responsive layouts, design systems at scale. While developers get a design tool that expresses as code and provides ready-to-use code to develop faster. Penpot is the only one that can be web-based or self-hosted. The app works with open standards (SVG and CSS) avoiding vendor lock-in. Also, it enables teams the flexibility and control in their designs, thanks to the API and webhooks available. Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot *Peertube: https://peertube.kaleidos.net/ Penpot: Design as code.https://peertube.kaleidos.net/static/streaming-playlists/hls/77c0258a-f136-4e08-af90-9b0080594a1b/1c1fb588-c3be-4399-bf92-304466edd07e-master.m3u8https://peertube.kaleidos.net/videos/embed/fMEvSJjCZ3cPm39zE2JEGk485112026-03-10T09:00:45.550ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/7kskwLwS3A4esdcpKQyd2Lhttps://peertube.kaleidos.net/lazy-static/thumbnails/19828b60-2f92-44d8-ad0f-1ee9eda7606f.jpgWhat's new | Penpot release 2.14Penpot 2.14 brings major improvements to design token management, collaboration, and automation, making it easier for designers and developers to keep systems consistent and scalable. ✨ Juan de la Cruz, designer at Penpot, walks us through the latest features: - Remap References When Renaming Tokens: Safely rename tokens without breaking connections across components, libraries, and designs. - Token Groups: A new way to organize token names into nested, collapsible groups for faster navigation and editing. - Design Tokens in the Plugins API: Any plugins or other external tools built around Penpot, like AI clients or Penpot MCP can finally work with tokens programmatically and automate tokens workflows. - He also takes a quick look at the new Design Token Manager plugin, built using the Penpot Plugins API, which allows you to search tokens, compare sets, and import them into existing systems. 👉https://penpot.app/penpothub/plugins/design-token-manager Join the Penpot Mcp Server Beta test 👉 https://community.penpot.app/t/push-the-penpot-mcp-to-its-limits-join-the-beta-test/10363 Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot *Peertube: https://peertube.kaleidos.net/ Penpot: Full Stack Designhttps://peertube.kaleidos.net/static/streaming-playlists/hls/334e31b5-a587-4b57-8d13-b63c4f12b736/06762545-748b-489e-9bac-6b2383232c72-master.m3u8https://peertube.kaleidos.net/videos/embed/7kskwLwS3A4esdcpKQyd2L2615162026-03-11T16:06:01.175ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/31JWAqyFFXQkSBTSBR8d6jhttps://peertube.kaleidos.net/lazy-static/thumbnails/af9060d2-404d-4edb-98b9-96fa286bd99f.jpgPenpot MCP Server | Generate Real HTML & CSS from a Penpot BoardThis short video showcases how Penpot's MCP Server can assist in generating production-ready, semantic HTML and modular CSS from a specific Penpot board. Official Penpot MCP server, already available at https://github.com/penpot/penpot/tree/develop/mcp Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot Penpot: Full Stack Designhttps://peertube.kaleidos.net/static/streaming-playlists/hls/104cbda6-22a8-4731-b764-ace764c06dec/309e8a8d-0c3d-4ac3-a711-426a5c906e9d-master.m3u8https://peertube.kaleidos.net/videos/embed/31JWAqyFFXQkSBTSBR8d6j44062026-03-23T09:41:27.479ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/qtVYBkpU9yagsmkjggFhNPhttps://peertube.kaleidos.net/lazy-static/thumbnails/ae5ecde9-4531-42eb-96ae-6abf9a0d9c84.jpgGet started with Penpot in under 5 minutesPenpot is the first Open-Source design platform for seamless collaboration between designers and developers. Built on open standards, it gives teams flexibility, control, and aligns with values like transparency, inclusion, ownership, freedom, and security. Designers create design systems, components, and interactive prototypes, and leverage plugins and templates to speed up workflows. They deliver pixel-perfect designs that are automatically translated into code for faster, high-fidelity implementation, and host their designs on Penpot’s cloud, their own cloud, or self-host on-premises. Developers use a common code-first language shared with designers, integrate APIs seamlessly into their development toolchain, and benefit from Penpot’s open-source reliability, hackable nature, and full transparency. 00:00 Creating, importing, and opening Penpot files 00:31 Moving and zooming around the canvas area 00:52 Adding pages and changing the canvas color 00:59 Creating and resizing boards 01:12 Creating and renaming layers 01:20 Using the Design panel 01:34 Adding and resizing images 01:43 Adding and editing text 02:26 Using components 02:43 Grouping elements 02:59 Using CSS Flex layout 03:41 Resizing and scaling elements 03:48 Prototyping 03:54 Adding comments 04:09 Inspecting an element and getting code 04:24 View mode 04:31 Creating a share link 04:48 Inviting team members to a Penpot team Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot *Peertube: https://peertube.kaleidos.net/ Penpot: Full Stack Design https://peertube.kaleidos.net/static/streaming-playlists/hls/c641ac6c-c30a-4deb-b1ef-729757691543/d4f1ad4d-1afe-4e86-8078-61e2cc562ec7-master.m3u8https://peertube.kaleidos.net/videos/embed/qtVYBkpU9yagsmkjggFhNP303572026-03-25T09:20:16.554ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/w/eWrNK3YazEzE53iUF9w2RPhttps://peertube.kaleidos.net/lazy-static/thumbnails/e7f04a08-275e-4daf-bfe4-8d60bbb60ef1.jpgAmbassador Program | Penpot Community Hours #4Watch this Community Hours session to learn more about the Penpot Ambassador Program. What makes it unique? A peer-to-peer learning model and a collaborative, open library where take aways, resources, and real-world experiences are continuously shared and shaped by the community, all with the goal of growing the open source design ecosystem. You'll also meet the first group of ambassadors from around the world: Eriol Fox (UK), Catina Yiu (China), Layshi Curbelo (Puerto Rico), Louis Chance (France), Renan Mayrinck (Brazil), and the organization dndg (Italy). Read more 👉 https://penpot.app/ambassador-program Penpot Community Hours are all about bringing our community even closer: asking questions, discussing set topics, and seeing each other on camera. What you didn’t see is the amazing conversation we had after the ambassadors' introductions. In this video, we’re sharing a glimpse of those presentations, but the real magic of the conversation lives in the moment, during the live session. Join us for the next Community Hours and be part of it! 00:00 Intro. 00:24 How the first ideas of the Penpot Ambassador Program came up 00:53 Initial results 01:11 How the Penpot Ambassador Program works 02:07 Collaborative open library. 02:26 Learning cycles for 2026 03:53 Layshi Curbelo 05:05 Eriol Fox 07:03 CGGE, TImothy Tan and Catina Yiu. 08:01 Renan Mayrinck 10:30 dndg 14:59 Louis Chance Penpot Community: https://community.penpot.app App: https://design.penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Penpot Fest: https://penpotfest.org Follow us: *Mastodon: https://fosstodon.org/@penpot/​ *Bluesky: https://bsky.app/profile/penpot.app *X: https://x.com/penpotapp *LinkedIn: https://www.linkedin.com/company/penpotdesign *Instagram: https://www.instagram.com/penpot.app/ *Github: https://github.com/penpot *Peertube: https://peertube.kaleidos.net/ Penpot: Full Stack Designhttps://peertube.kaleidos.net/static/streaming-playlists/hls/70e0de9e-daf9-4692-92b2-a58ab2defe7d/aacdd8f3-d383-495f-8986-91fa5721121f-master.m3u8https://peertube.kaleidos.net/videos/embed/eWrNK3YazEzE53iUF9w2RP1072582026-03-27T13:08:05.239ZYESPenpot TutorialsNOhttps://peertube.kaleidos.net/c/almu_test/videoshttps://peertube.kaleidos.net/c/penpot.app/videoshttps://peertube.kaleidos.net/c/taiga_peertube/videoshttps://peertube.kaleidos.net/c/penpot_collaborations/videoshttps://peertube.kaleidos.net/c/penpot_tutorials/videoshttps://peertube.kaleidos.net/c/penpot_spots/videoshttps://peertube.kaleidos.net/c/penpot_news/videoshttps://peertube.kaleidos.net/c/penpot_tutorials_espanol/videoshttps://peertube.kaleidos.net/c/open_chat_penpot/videoshttps://peertube.kaleidos.net/a/almu/video-channelshttps://peertube.kaleidos.net/a/penpot_app/video-channelshttps://peertube.kaleidos.net/a/taiga_io/video-channels