Penpot

Penpot

@penpot.app

Think and build digital products. Together🫶 Penpot is the open-source design platform for teams that collaborate at scale.

1.7K followers28 following698 posts

Pinned

What can you do with Penpot’s MCP? Here’s one example! Discover the full power of our MCP: design, code, automation, and more🔥 👉https://penpot.app/penpot-mcp-server

Flex + Grid = better responsive layouts! ✨ Join @laurakalbag.com for a live, hands-on Penpot demo. Learn how to combine layouts, use design tokens, and bring declarative design into your workflow 🗓️Wed, oct 28th 🕒15:00 UTC ▶️PeerTube | Youtube | Linkedin

Flex + Grid = better responsive layouts! ✨ Join @laurakalbag.com for a live, hands-on Penpot demo. Learn how to combine layouts, use design tokens, and bring declarative design into your workflow 🗓️Wed, oct 28th 🕒15:00 UTC ▶️PeerTube | Youtube | Linkedin 👉 community.penpot.app/t/10947

community.penpot.appUI design with Flex and Grid | Hands-On Demo, 28th OctoberFinally, it’s time for another live session! Let’s get hands-on with layouts. 🗓 Save the date: Wednesday 28th October. In this session, I’ll demo Flex and Grid, and walk through how we ...

A big increase in usage over the last few days means some of you may notice service disruptions. We’re on it and working to bring things back to normal as soon as possible. Thanks for your patience.

If you're working in Penpot and your progress isn't being saved, you're not imagining things! We're currently experiencing some issues with saving changes. Our team is working hard to resolve this as quickly as possible. We're really sorry for the inconvenience! 💜

Static, Flex or Grid? 👀 Master layouts in Penpot and learn how to create designs that are pixel-perfect when they need to be and flexible and responsive when they don’t Your ultimate guide to Penpot layouts https://penpot.app/blog/the-ultimate-guide-to-penpot-layouts/

penpot.appThe ultimate guide to Penpot layoutsEverything you need to know about Penpot layouts, whether you want static and pixel-precise, or flexible and responsive. Including designing in CSS Flex and Grid.

Background grids or grid layouts? They might look similar, but they work very differently. 📐 Background grids guide your alignment ⚡ Grid layouts automate it with responsive, CSS-based rules Learn when to use each in Penpot penpot.app/blog/backgro...

penpot.appBackground grids vs grid layouts: what’s the difference?Background grids are guides you use to help you manually position design elements by eye. Grid layouts automate layouts (often responsively) based on the design rules you provide.

Designers, devs, open source advocates...this is a safe space! What’s that one thing in your day-to-day workflow that makes you want to cry? A painful handoff? Endless tasks? Tell us your pain. Big, small, weirdly specific… we want to hear it🥲 Drop your tears below💧

Open source isn’t just how Penpot is built. It’s how we grow together💜 Meet the Penpot Ambassador Program: a global community built around open collaboration, peer-to-peer learning and sharing knowledge Discover how we’re building it penpot.app/blog/the-spi...

penpot.appThe Spirit of Open Source: Penpot’s Recipe of Ambassador ProgramOpen source isn't just how Penpot is built, it's how we think about collaboration. We grow with our community, not apart from it. The Ambassador Program is the latest way we're putting that philosophy...

Open source isn’t just how Penpot is built. It’s how we grow together💜 Meet the Penpot Ambassador Program: a global community built around open collaboration, peer-to-peer learning, local communities, and shared knowledge penpot.app/blog/the-spi...

penpot.appThe Spirit of Open Source: Penpot’s Recipe of Ambassador ProgramOpen source isn't just how Penpot is built, it's how we think about collaboration. We grow with our community, not apart from it. The Ambassador Program is the latest way we're putting that philosophy...

Shared libraries are how Penpot teams share design systems and they're also the context your AI needs to generate screens that actually match your components Try Penpot penpot.app

Three stroke types. Three rendering engines. One surprisingly complex problem Ever wondered why inner, center, and outer strokes behave differently across CSS, SVG, and WebGL? Here's a behind-the-scenes look at how Penpot solves The Three-Stroke Problem penpot.app/blog/the-thr...

penpot.appThe Three-Stroke ProblemWhen three kinds of strokes entangle with each other, the resulting design system is chaotic for most initial conditions. Let's go through the stroke rendering in design software.

🎓 Ready to validate your Penpot skills? The official Penpot Certification is here! Start with the Visual Designer Foundation Badge, earn shareable credentials, and build your path toward advanced UX/UI specializations Get certified 👇 https://www.origincg.cn/en/certification/penpot/

origincg.cnPenpot Certification - Origin CGOrigin CG is a vibrant Blender community in China, offering Blender tutorials, 3D modeling training, Blender learning resources, and CG community collaboration. Join us to learn Blender 3D modeling, a...

What do CSS, SVG, and WebGL have in common?🤔 Strokes! and the surprisingly complex challenge of making them behave consistently. In this deep dive, we explore The Three-Stroke Problem and how Penpot solves it 📖 https://penpot.app/blog/the-three-stroke-problem/

penpot.appThe Three-Stroke ProblemWhen three kinds of strokes entangle with each other, the resulting design system is chaotic for most initial conditions. Let's go through the stroke rendering in design software.