Penpot Tutorial - The Open Source Figma Alternative
Вставка
- Опубліковано 5 лют 2025
- If you're looking for a user interface design tool that's free to use and easy to learn, then you should give Penpot a try. In this crash course, I'll show you how to create a simple and beautiful UI/UX design with Penpot, an open-source alternative to Figma.
You can download the assets used in this course from the link below:
bit.ly/3rZuhT0
Image used in the video:
bit.ly/3MEeySL
👉 Become a UI Designer with my UI Design & Figma Mastery course:
bit.ly/3WE9Qe7
👉 Get my FREE UI/UX Design e-book here:
bit.ly/3MRfDrz
📸 Instagram: / uiux.arash
Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 7+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 30,000 students become UI/UX designers from scratch worldwide.
Yeah, the software has definitely made some good additions since this video was released and the community could use some love!
Great tutorial. Straight to the point. I would like to see your take on the latest Pinpot version. Maybe creating a design like that using frames/artboards converting and converting them Flexbox and CSS grid. I like your workflow, but I would like to see how you would approach this task using Flexbox instead of creating elements like buttons and image background with rectangle tool shapes
Awesome! Thank you! Was looking for a good tutorial and you explain it so well! Would love an updated tutorial on the recent Penpot 2.0!
Amazing tutorial. I'm working on a personal project and i wanted to learn something to design quickly and this was perfect. Thank you
No problem. Glad it helped.
great!!! thanks!
No problem. Thank you so much for creating a great tool for designers.
Awesome quick tutorial of our new main tool, I'd like a tutorial about it making animations
Thank you. Glad you liked it.
Hope you revisit Penpot and maybe do a series or colab with a YT dev to design and use the PenPot Dev features.
With a wide background as mobile dev having to do some design for a side project, the only fact that you changed the padding of the button to 16px made me think : ok this is actually someone who knows proper design
Thank you so much.☺️
How so?
Best video.
I wish you crores of Subscribers
Thank you so much.
Great bro upload more tutorial videos and one doubt in this tool we can make components and varients and it has any plugins?
Sounds great! But is there any integration mode to publish the landing page on Shopify?
Thanks bro, please upload more..
Thank you, I will.
Anytime I click on the text tool and try to type while following the tutorial my page gets black why is that?
Can we convert its design to HTML?
Thank you so much bro I love your tutorial and It's Very Useful for me personally please make many tutorials on penpot for beginners because am a beginner bro please😫😫
No problem. Sure.
Can any one tell how you select multiple layers with a click like shortcut i dont what the shortcut for it is?
nice work did you have latest update videos i just joined you now thanks for sharing this insight
how do you make a responsive website design and not just designed for one type of screen
I thought you were transitioning over to Penpot! How come you stopped making videos on Penpot after this one?
Great
Thanks.
This was great! Do you have any tutorials that covered the why of why you're doing things: for example why you chose certain column numbers, why you chose those padding sizes, how to pick text size numbers, etc.?
Thank you. Regarding the number of columns and padding please check out the following video.
ua-cam.com/video/gHdcAH1nhiU/v-deo.html
Hi, anyone knows how to cut an image in Penpot? I couldn't find a way to cut an image, it only resizes it
Hello! Did you happen to find out? I’d like to know also, thank you!
which is better? penpot or lunacy?
Don’t be a lunatic
Penpot > Photoshop