Penpot

Penpot

Penpot is the Free Open-Source Design Tool for Design & Code Collaboration.

Penpot allows true collaboration between designers and developers thanks to features like CSS Grid, Flex Layout and the Code Inspect tab. Create stunning designs, interactive prototypes, design systems at scale, while devs enjoy ready-to-use code and make their workflow easy and fast.

It’s the only one that can be web-based or self-hosted. The tool works with open web standards (SVG, CSS and HTML) giving you ownership of your files.

- Penpot Community -
community.penpot.app

Design: penpot.app​​
Help: help.penpot.app​
Contribute: github.com/penpot

* X: twitter.com/penpotapp
* Github: github.com/penpot
* Mastodon: fosstodon.org/@penpot/
* LinkedIn: www.linkedin.com/company/penpotdesign
* Instagram: instagram.com/penpot.app

Penpot: Design as code.

Пікірлер

  • @devilmix85
    @devilmix857 сағат бұрын

    Great job guys.. Love the app. You have my full support. 🔥

  • @BGdev305
    @BGdev3052 күн бұрын

    You would have to know the old UI to see anything great about the new UI... so show the difference(s)!

  • @Penpot
    @Penpot2 күн бұрын

    Definitely, that would show it clearly. Thanks!

  • @yevgenypopov1221
    @yevgenypopov12214 күн бұрын

    Thanks for the great product. It's always exciting to see new players coming to the scene! Go Penpot!🙂

  • @Penpot
    @Penpot4 күн бұрын

    Thank you! Penpot = team + community commitment

  • @user-cl7tb5xp9d
    @user-cl7tb5xp9d5 күн бұрын

    لهعهانذ

  • @EricsWormPlayground
    @EricsWormPlayground5 күн бұрын

    What is the best way to learn how to create environments like the one you were working in with this video?

  • @Penpot
    @Penpot5 күн бұрын

    Try our templates. There's a new one called Basic layouts template that can help you learn Grid Layout. penpot.app/libraries-templates

  • @McCloud23892
    @McCloud238925 күн бұрын

    Do you guys have a desktop app for Macos or Windows?

  • @ItsD3vil
    @ItsD3vil7 күн бұрын

    Hello Penpot team, please add the ability to change fonts variable it's literally the only thing that had me stop using Penpot and get back to figma

  • @Penpot
    @Penpot5 күн бұрын

    It's on its way 🙂 : community.penpot.app/t/faq-what-is-in-penpot-s-roadmap-for-2023/61

  • @ItsD3vil
    @ItsD3vil5 күн бұрын

    ​@@Penpot Great!

  • @masoom-theproudvegan7212
    @masoom-theproudvegan72127 күн бұрын

    penpot is most good looking design tool i have ever seen

  • @Penpot
    @Penpot6 күн бұрын

    🙌Thanks!

  • @masoom-theproudvegan7212
    @masoom-theproudvegan72125 күн бұрын

    @@Penpot i would contribute to penpot when i have good enough laptop to run it locally

  • @TheR00M
    @TheR00M8 күн бұрын

    why use ''group'' and not a component? thanks!

  • @Penpot
    @Penpot5 күн бұрын

    Hi! You can use either a component or a group. These designs are standalone examples so there wasn’t much need to use components. Thank you!

  • @TerenceKearns
    @TerenceKearns9 күн бұрын

    the constant zooming and panning is too distracting.

  • @Penpot
    @PenpotКүн бұрын

    Thanks for your feedback. We'll take it into account for next video.

  • @EnesKab
    @EnesKab9 күн бұрын

    Any plans for the variants?

  • @HeresAsvg
    @HeresAsvg13 күн бұрын

    Are there any plans to add smart animations? 🤔👀

  • @Beryesa.
    @Beryesa.14 күн бұрын

    Penpot feels like it's climbing through that Blender 2.80 hill, looking forward to seeing it accelerate donations down the road ✨

  • @NilaD.l.p
    @NilaD.l.p14 күн бұрын

    ❤❤❤❤😊😊😊

  • @NilaD.l.p
    @NilaD.l.p14 күн бұрын

    عالی خوب

  • @JoseAntonio-sn6sf
    @JoseAntonio-sn6sf14 күн бұрын

    is there a support for Tailwind?

  • @PascalTovohery
    @PascalTovohery14 күн бұрын

    How to create agnostic component?

  • @RyuuuGamingUnlimited
    @RyuuuGamingUnlimited14 күн бұрын

    What about scroll animations/interactions, I think with just this feature, many will switch from figma to this, it's one of their big weak points. Check the figma feature request forum. “On Scroll” for prototyping

  • @nithishnitiz5891
    @nithishnitiz589115 күн бұрын

    is there no penpot desktop app just like figma??

  • @zouheiridmiren6253
    @zouheiridmiren625315 күн бұрын

    since 5 mounth ....

  • @matissoM
    @matissoM16 күн бұрын

    It’s hard to miss your point folks but it also sounds as if you offered the same feature set as Figma, which everyone knows is far from being true. Considering that, I personally find it a bit of a bad taste, but that’s just me. The grid, however, is actually something Figma still doesn’t support! It’s very cool that Penpot does, kudos!

  • @kneel.downnn
    @kneel.downnn18 күн бұрын

    Team thats great! Please add a converter function to convert penpot ui design to Babylon.js GUI like figma has

  • @sanjanaayshi4853
    @sanjanaayshi485318 күн бұрын

    hey penpot team just one big request Never Sale urself to Adobe... And awesome ad campaign..

  • @muji_kngr
    @muji_kngr19 күн бұрын

    Hi Penpot team, please add background blur effect just like in figma. That's the only thing holding me back from switching.

  • @zakaria20062
    @zakaria2006219 күн бұрын

    same here

  • @Penpot
    @Penpot18 күн бұрын

    Hi! Right now we can't offer that, but our team has it planned for future developments. :)

  • @muji_kngr
    @muji_kngr17 күн бұрын

    @@Penpot Thankyou

  • @StarcoreLabs
    @StarcoreLabs19 күн бұрын

    I live in an area with inconsistent internet connectivity. Can you make a desktop version I can run locally offline on my POP OS Linux laptop?

  • @Penpot
    @Penpot18 күн бұрын

    Hi!. We are looking for desktop app developers community.penpot.app/t/penpot-desktop-looking-for-a-new-developer/5750 :) Maybe self host Penpot may help help.penpot.app/technical-guide/

  • @k0mmunicat0r
    @k0mmunicat0r19 күн бұрын

    Love the dig. I hope you guys will soon release the Macbook App.

  • @Penpot
    @Penpot18 күн бұрын

    We're looking for desktop app developers!!! community.penpot.app/t/penpot-desktop-looking-for-a-new-developer/5750

  • @k0mmunicat0r
    @k0mmunicat0r18 күн бұрын

    @@Penpot I can help with product design as I am a product designer not the developer. But thanks for sharing the plan.

  • @denisnikitin2704
    @denisnikitin270419 күн бұрын

    Unhappy without procedural shapes and component variants :(

  • @Penpot
    @Penpot18 күн бұрын

    Why?

  • @tapasjena684
    @tapasjena68419 күн бұрын

    The only issue that needs to be resolved in Penpot is the performance of the app....now it feels very sluggish and takes a long time to load.

  • @Penpot
    @Penpot18 күн бұрын

    Hey! Which web browser are you using?

  • @Beryesa.
    @Beryesa.14 күн бұрын

    I'm also waiting for the document renderer rewrite. A native version would be the best in the long term though ✨

  • @anitawhale1013
    @anitawhale101320 күн бұрын

    Can't Stop Laughing 🤣🤣🤣

  • @Nemluva
    @Nemluva20 күн бұрын

    They are actually making fun of… you know who 😂😂😂

  • @sketchyshubham
    @sketchyshubham20 күн бұрын

    The limited drafts did it for me 🥲

  • @SauravKumar-vj7ks
    @SauravKumar-vj7ks20 күн бұрын

    That's just hilarious and amazing at the same time.

  • @literallybiras
    @literallybiras20 күн бұрын

    Love penpot. The only thing i really miss is the gradient tool with multi-stepped colors along the way

  • @simpingsyndrome
    @simpingsyndrome20 күн бұрын

    gonna tell my team to use penpot🔥🔥

  • @Penpot
    @Penpot19 күн бұрын

    Thank you!

  • @rafales1525
    @rafales152521 күн бұрын

    This soft looks very prommising 😊 Any possible way to use penpod offline?

  • @Dominik-sd3xw
    @Dominik-sd3xw23 күн бұрын

    Thanks for the insights. I think I will make the switch from XD to Penpot soon.

  • @Ad-rh5ju
    @Ad-rh5ju24 күн бұрын

    very Good

  • @samuelrios6180
    @samuelrios618024 күн бұрын

    Awesome! Would like more tutorials like these.

  • @Penpot
    @PenpotКүн бұрын

    Yes! There will be more 😊

  • @salmanasdesign9751
    @salmanasdesign975124 күн бұрын

    Thanks for the tutorial. I'm quite new to penpot. But what about scrolling? It's the most basic interaction, but I don't get it work.

  • @adhenzmiranda
    @adhenzmiranda26 күн бұрын

    Absolutely amazing feature! makes it implement the design into code WAY easier rather than having to experiment, this is amazing! Absolutely using this in my future web development projects!

  • @DalaiFelinto
    @DalaiFelinto26 күн бұрын

    Loved the tutorial

  • @maxziebell4013
    @maxziebell401327 күн бұрын

    Great tutorial! Thanks, Laura... and yes, please make more of these. Greetings to you and Aral.

  • @alephcelis
    @alephcelis27 күн бұрын

    Awesommeeeee long life to Penpot!!!

  • @Penpot
    @Penpot27 күн бұрын

    yeah!

  • @jonahilemona9823
    @jonahilemona982328 күн бұрын

    This is awesome

  • @neodidi
    @neodidi29 күн бұрын

    Definitely jumping in.. For sure.. I always look out for cool UI, nice features and easy access... Penpot now ticks all that box for me.. Excited to start learning..

  • @NYProductions
    @NYProductions29 күн бұрын

    Now we have overlays. Cool!

  • @njabulo316
    @njabulo31629 күн бұрын

    If it could also be downloadable offline, that would be super useful and highly productive.

  • @taylorkoepp3048
    @taylorkoepp304829 күн бұрын

    I'm a developer that struggles with design so this stuff is very helpful. If you're looking for suggestions a 'how to build a <tech platform of choice> responsive design website' series would be very welcome 🙂

  • @AnandaKrishnan3de
    @AnandaKrishnan3de29 күн бұрын

    My wife is a ui designer and she uses figma at work. I happen to sit with her sometimes and I'm impressed by the prototype and seeing the results. (We both know abt penpot already (but not using). Anyway I wanted to try it so I will be using penpot. So thanks for this video.

  • @Penpot
    @Penpot29 күн бұрын

    Thanks for your words! We hope you can join Penpot soon :)

  • @axelhunger
    @axelhungerАй бұрын

    Preferirian que la UI FUERAN LOS MAS SIMILARES A FIGMA. Es una cuestion de psicologia, carga cognitiva, aprendizaje, flujo de trabajo. Hay muchos libros que hablan de eso cómo la UX LAWS, LA LEY DE JACOB Y ABOUT FACE. Imaginate que cada comando fuera distinto en un software y no pudieras personalizarlo. Ayuda a los usuarios también a criterios usar iconos consistente a los existentes que estan acostumbrados a ver. Y también el copy, por favor. Eso mínimo que digo, causaría una gran impacto de mejora para el negocio como la UX,

  • @axelhunger
    @axelhungerАй бұрын

    A futuros años, luego ME HICIERON CASO, Y DESARROLLAN UN NUEVO DESIGN SISTEM. Entrevista a usuarios. Haz prueba a/b Mide.