Design Flex Layouts with Penpot

Penpot's Flex Layout is a powerful feature that can help you create dynamic and responsive designs with ease. If you're looking to learn more about how to use this feature, check out the KZread video we created specifically for it. In this video, you'll see a step-by-step tutorial on how to use Penpot's Flex Layout to create stunning designs. We cover everything from the basics of the feature to more advanced techniques, so whether you're a beginner or an experienced designer, you're sure to learn something new. Don't miss out on this opportunity to take your design skills to the next level! ... Remember to Subscribe goo.gl/6vCw64
🖥️ ////////// Try Penpot Flex Layout
penpot.app/layout?mtm_campaign...
------------------------------------------------------------------------------------
🤝 //////////// Get my new Intro to UI/UX design course:
www.jesseshowalter.com/c/intr...
🏆 //////////// Join my members community to get access to perks:
designchamps.io/
📫 ////////// Sign up for my Monthly Newsletter
www.jesseshowalter.com/newsletter
------------------------------------------------------------------------------------
🖥️ ////////// I build websites with Webflow
webflow.grsm.io/4495884
📅 ////////// I run my life with Notion
affiliate.notion.so/tokendsfahjf
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...
00:00 Introduction
00:57 Penpot community
01:41 The Basics
02:58 Flex Layout
04:40 Parent Child Relationships
05:35 Alignment
06:14 Direction
07:04 Justify
07:52 Flex Board
09:05 Wrapping
09:49 Flex Content
12:59 Design with Flex Layouts
18:16 Code

Пікірлер: 14

  • @brcosmin
    @brcosmin Жыл бұрын

    Great stuff! Would love more coverage about PenPot as it currently doesn't get all the respect it deserves.

  • @jswanson859
    @jswanson859 Жыл бұрын

    I've never of this app before but I'm glad to know it exists. I just signed up and I plan on using it. I've seen a couple of features that I wish Figma had. AND it's FREE! Thanks for sharing.

  • @Louis-C-online
    @Louis-C-online Жыл бұрын

    Nice overview !

  • @vicentpaveltortosalorenzo9578
    @vicentpaveltortosalorenzo95789 ай бұрын

    Thanks a lot for the video. I'll start using today this new feature for me!

  • @JesseShowalter

    @JesseShowalter

    9 ай бұрын

    yeah!!!!

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

    How to Penpot a website to Webflow? I am trying out Penpot until realizing it doesn't seem to be integrated with any other apps.

  • @BobbyCharlz
    @BobbyCharlz Жыл бұрын

    Excellent and very informative video, thank you. How would you compare and contrast PenPot to Figma?

  • @MaxWeir
    @MaxWeir Жыл бұрын

    Nice overview, I noticed the nav inherited the space which gave it a Gap value of 244, this could be reduced down to something smaller.

  • @ahmedd.masoud6809
    @ahmedd.masoud6809 Жыл бұрын

    Amazing,, Thank you so much, Is there a way to export the design and import it into WordPress directly, or maybe other platforms,, !?

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

    😍

  • @TheAlbinoZombie
    @TheAlbinoZombie Жыл бұрын

    I'm just getting into UI/UX design. Classically I've done work with XAML in C#'s WPF. Is Penpot able to generate XAML code or some kind of code I could use with a C# app? Or is this kind of exclusively for web design?

  • @tTiger-kz3ly
    @tTiger-kz3ly Жыл бұрын

    I'm new in ux design,with your experience do you think I'll be good (💰) if I only want to deal with the computer and not with research and... as a freelancer

  • @mfjae
    @mfjae9 ай бұрын

    Do you teach pen pot In your course?

  • @JesseShowalter

    @JesseShowalter

    9 ай бұрын

    As of right now, I do not but we'll see what the future holds!