# Flex Layout sneak peek

**URL:** <https://community.penpot.app/t/flex-layout-sneak-peek/153>\
**Category:** Inside Penpot\
**Created:** [June 29, 2022, 10:06am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153 "2022-06-29T10:06:53Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![alotor](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/alotor/32/42_2.png) [@alotor](https://community.penpot.app/u/alotor)\
**Post date:** [June 29, 2022, 10:06am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/1 "2022-06-29T10:06:53Z")

</div>

Hi! I wanted to share some of the early work with auto-layout.

It’s still very early in development but I think you can be thrilled that this feature is finally being developed.

![Peek 2022-06-29 12-03](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/b81c9d0d0a9560913999d68e9883a813587e9fa0.gif)

---

<div class="post-metadata">

**Author:** ![Eva\_Marco](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/eva_marco/32/80_2.png) [@Eva\_Marco](https://community.penpot.app/u/Eva_Marco)\
**Post date:** [June 29, 2022, 10:11am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/2 "2022-06-29T10:11:27Z")

</div>

This is AWESOME¡¡¡¡ I’m thrilled about this¡.

---

<div class="post-metadata">

**Author:** ![Alex](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/alex/32/43_2.png) [@Alex](https://community.penpot.app/u/Alex)\
**Post date:** [June 29, 2022, 10:15am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/3 "2022-06-29T10:15:59Z")

</div>

Looks awesome!, and it’s one of the most requested features by users! 💯

---

<div class="post-metadata">

**Author:** ![natacham](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/natacham/32/46_2.png) [@natacham](https://community.penpot.app/u/natacham)\
**Post date:** [June 30, 2022, 9:35am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/4 "2022-06-30T09:35:02Z")

</div>

OMG! I can’t wait! 🫠

---

<div class="post-metadata">

**Author:** ![Darius](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/darius/32/1052_2.png) [@Darius](https://community.penpot.app/u/Darius)\
**Post date:** [September 16, 2022, 10:43pm UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/5 "2022-09-16T22:43:53Z")

</div>

Figma killer!..err uh wait, no. Adobe did that already.

---

<div class="post-metadata">

**Author:** ![jcklpe](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/jcklpe/32/230_2.png) [@jcklpe](https://community.penpot.app/u/jcklpe)\
**Post date:** [September 19, 2022, 3:35pm UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/6 "2022-09-19T15:35:04Z")

</div>

Very exciting!

[I hope ya’ll take the recommendation to use W3C standard terminology](https://github.com/penpot/penpot/issues/2268#issuecomment-1248763815). I think this would go a long ways towards helping designers and devs communicate more clearly.

---

<div class="post-metadata">

**Author:** ![PizzaMan](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/pizzaman/32/1468_2.png) [@PizzaMan](https://community.penpot.app/u/PizzaMan)\
**Post date:** [September 23, 2022, 2:14pm UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/7 "2022-09-23T14:14:23Z")

</div>

This looks awesome! Keep up the great work!

---

<div class="post-metadata">

**Author:** ![myfunnyandy](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/myfunnyandy/32/54_2.png) [@myfunnyandy](https://community.penpot.app/u/myfunnyandy)\
**Post date:** [November 18, 2022, 9:22am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/8 "2022-11-18T09:22:58Z")

</div>

testing, testing…

![button-direction](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/e/ea3e27bd73a7210c0db07394bf5603dd2464726d.gif)

---

<div class="post-metadata">

**Author:** ![alotor](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/alotor/32/42_2.png) [@alotor](https://community.penpot.app/u/alotor)\
**Post date:** [November 18, 2022, 9:25am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/9 "2022-11-18T09:25:37Z")

</div>

Sorry for not updating you in a long time.

We have the auto-layout (now flex layout) almost ready. We’ve started internal testing and we need a little more polishing and some additional helpers before shipping it.

Let me share some of the early testing by our designers.

![layout-racoon](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/7/72405dc2894417613c89c10e8499510cec0847ec.gif)

![listarrrl](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/b/b083776c586715956cec7feec619b991e7e2c903.gif)

---

<div class="post-metadata">

**Author:** ![leohans](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/leohans/32/1761_2.png) [@leohans](https://community.penpot.app/u/leohans)\
**Post date:** [November 18, 2022, 10:46am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/10 "2022-11-18T10:46:29Z")

</div>

Sounds very good! Congrats!

---

<div class="post-metadata">

**Author:** ![sonisl](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/sonisl/32/69_2.png) [@sonisl](https://community.penpot.app/u/sonisl)\
**Post date:** [November 18, 2022, 11:55am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/11 "2022-11-18T11:55:22Z")

</div>

so excited!!! let’s go!

---

<div class="post-metadata">

**Author:** ![Ahmad](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/ahmad/32/130_2.png) [@Ahmad](https://community.penpot.app/u/Ahmad)\
**Post date:** [November 18, 2022, 1:14pm UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/12 "2022-11-18T13:14:09Z")

</div>

Wow, Penpot Autolayout is much more advanced and professional than Figma🔥

---

<div class="post-metadata">

**Author:** ![Theo\_Christiaanse](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/theo_christiaanse/32/1417_2.png) [@Theo\_Christiaanse](https://community.penpot.app/u/Theo_Christiaanse)\
**Post date:** [November 19, 2022, 3:59am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/13 "2022-11-19T03:59:07Z")

</div>

So good! Keep it up!

---

<div class="post-metadata">

**Author:** ![derrickloo](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/derrickloo/32/2060_2.png) [@derrickloo](https://community.penpot.app/u/derrickloo)\
**Post date:** [November 25, 2022, 1:26am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/14 "2022-11-25T01:26:31Z")

</div>

Awesome!! looking forward for more updates!! 🙂

---

<div class="post-metadata">

**Author:** ![carolina.portugal](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/carolina.portugal/32/36_2.png) [@carolina.portugal](https://community.penpot.app/u/carolina.portugal)\
**Post date:** [November 28, 2022, 10:48am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/15 "2022-11-28T10:48:00Z")

</div>

> [@Our upcoming Penpot Flex Layout feature needs you!](https://community.penpot.app/t/our-upcoming-penpot-flex-layout-feature-needs-you/2069):
>
> [UPDATE] This beta-test is closed so we won’t accept more volunteers. We’ve gathered extremely valuable feedback and are already making fixes and improvements based on it. Thanks to all! One of the most requested features is almost ready! But in order to make it even more special, we need your help! The Flex Layout allows you to automatically adapt your designs. Resize, fit, and fill content and containers without the need to do it manually. So, we are looking for volunteers to be part of th…

---

<div class="post-metadata">

**Author:** ![leohans](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/leohans/32/1761_2.png) [@leohans](https://community.penpot.app/u/leohans)\
**Post date:** [November 28, 2022, 12:06pm UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/16 "2022-11-28T12:06:13Z")

</div>

Hi Carolina.  
I’m here if I can be useful.

---

<div class="post-metadata">

**Author:** ![Eva\_Marco](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/eva_marco/32/80_2.png) [@Eva\_Marco](https://community.penpot.app/u/Eva_Marco)\
**Post date:** [November 28, 2022, 1:17pm UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/17 "2022-11-28T13:17:39Z")

</div>

Ey @leohans that’s great¡¡  
If you could send us an email to [support@penpot.app](mailto:support@penpot.app) with the subject **“Beta test volunteer”** we will add you as a beta tester.  
Thanks¡¡

---

<div class="post-metadata">

**Author:** ![leohans](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/leohans/32/1761_2.png) [@leohans](https://community.penpot.app/u/leohans)\
**Post date:** [November 28, 2022, 1:32pm UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/18 "2022-11-28T13:32:45Z")

</div>

Done!

∴  
Leonardo Hancevich

[lehans@gmail.com](mailto:lehans@gmail.com)  
+54 9 11 5578-0146

_“No hay nada noble en ser superior a otra persona;_  
_la verdadera nobleza radica en ser superior a tu antiguo yo.”_  
– Ernest Hemingway

---

<div class="post-metadata">

**Author:** ![Theo\_Christiaanse](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/theo_christiaanse/32/1417_2.png) [@Theo\_Christiaanse](https://community.penpot.app/u/Theo_Christiaanse)\
**Post date:** [January 16, 2023, 8:02pm UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/19 "2023-01-16T20:02:29Z")

</div>

I came across this article: [Conditional CSS - Ahmad Shadeed](https://ishadeed.com/article/conditional-css/)

It really shows how Figma is lacking in terms of representing the functionality of CSS.

---

<div class="post-metadata">

**Author:** ![derrickloo](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/derrickloo/32/2060_2.png) [@derrickloo](https://community.penpot.app/u/derrickloo)\
**Post date:** [January 19, 2023, 3:16am UTC](https://community.penpot.app/t/flex-layout-sneak-peek/153/20 "2023-01-19T03:16:58Z")

</div>

Had the chance to test out the flex layout feature. I must say it just blew my mind!!  
Intuitive and powerful.  
Can’t wait to use it once its ready for public launch!
