Penpot Tutorial - The Open Source Figma Alternative

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/43v79vX
👉 Get my FREE UI/UX Design e-book here:
bit.ly/45KHoKJ
📸 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.

[@4Mulator]

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!

[@MySWESpace]

Amazing tutorial. I'm working on a personal project and i wanted to learn something to design quickly and this was perfect. Thank you

[@DesignWithArash]

No problem. Glad it helped.

[@Penpot]

great!!! thanks!

[@DesignWithArash]

No problem. Thank you so much for creating a great tool for designers.

[@ComposTiger]

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

[@DesignWithArash]

Thank you so much.☺️

[@lemonline3719]

How so?

[@yojanselcuevas9829]

Awesome quick tutorial of our new main tool, I'd like a tutorial about it making animations

[@DesignWithArash]

Thank you. Glad you liked it.

[@mpant0808]

Can we convert its design to HTML?

[@l0gic23]

Hope you revisit Penpot and maybe do a series or colab with a YT dev to design and use the PenPot Dev features.

[@jaouadbentaguena8340]

Sounds great! But is there any integration mode to publish the landing page on Shopify?

[@anshulkhobragade7220]

Best video.
I wish you crores of Subscribers

[@DesignWithArash]

Thank you so much.

[@Jozy07]

Thanks bro, please upload more..

[@DesignWithArash]

Thank you, I will.

[@prabhakar.i2801]

Great bro upload more tutorial videos and one doubt in this tool we can make components and varients and it has any plugins?

[@brightokoro7073]

nice work did you have latest update videos i just joined you now thanks for sharing this insight

[@hariharanc6637]

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😫😫

[@DesignWithArash]

No problem. Sure.

[@dynahzm]

how do you make a responsive website design and not just designed for one type of screen

[@gashumba888]

I thought you were transitioning over to Penpot! How come you stopped making videos on Penpot after this one?

[@lemonline3719]

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.?

[@DesignWithArash]

Thank you. Regarding the number of columns and padding please check out the following video.
czcams.com/video/gHdcAH1nhiU/video.html

[@lauramccann18]

Hi, anyone knows how to cut an image in Penpot? I couldn't find a way to cut an image, it only resizes it

[@chezchezchezchez]

Hello! Did you happen to find out? I’d like to know also, thank you!

[@developerzull]

Great

[@DesignWithArash]

Thanks.

[@kingershowman4144]

Arash are you iranian?

[@DesignWithArash]

I am.

[@priyakumar5503]

which is better? penpot or lunacy?

[@chezchezchezchez]

Don’t be a lunatic

[@joeclay4700]

Penpot > Photoshop