Penpot Tutorials

Learn how to use Penpot with step-by-step tutorials created by the Penpot team. Explore core features, workflows, and best practices for designing and collaborating in open-source.

Curated by: Penpot (95 videos)


Currently Playing: Introduction to Penpot core development

Alex Alonso, CIO and developer at Penpot, gave 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 put 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. Timestamps: 0:00 Alex's introduction 0:43 Developer environment 02:06 Penpot's main areas of code 3:30 Penpot's Back end 10:29 Penpot's Common 10:40 Penpot's Front end


Tracks in this Playlist