# Penpot 2.0 unveiled! 👉 CSS Grid Layout and Components on their way **URL:** \ **Category:** Events and Announcements\ **Created:** [December 14, 2023, 6:18am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148 "2023-12-14T06:18:47Z")\ **Posts on this page:** 17\ **Page:** 1
**Author:** ![Elena\_Alcalde\_Rueda](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/elena_alcalde_rueda/32/115_2.png) [@Elena\_Alcalde\_Rueda](https://community.penpot.app/u/Elena_Alcalde_Rueda)\ **Post date:** [December 14, 2023, 6:18am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/1 "2023-12-14T06:18:47Z")
While we’re on the road to Penpot 2.0 we’re all hyped about what’s on the horizon. In this demo, @diacritica takes us on a tour of the **mind-blowing feature CSS Grid Layout**! If you’re not familiar with grid layout in CSS and you wonder why this new super awesome feature could be, just imagine designing in a grid that a **developer can translate into code right away without variations in your design**. That’d be cool, right! Then you should be as excited as we are about Grid Layout. Watch it on [Youtube](https://www.youtube.com/watch?v=r-USvt_p46g) or [Peertube](https://peertube.kaleidos.net/w/nRGmakcUNo8daVahtwP6mT). Pablo’s going to show you how easily you can **copy CSS or HTML code from Penpot inspect code tab,** and just like magic… boom! Penpot generates a pixel-perfect coding out instantly. But wait, there’s more! This video also gives you a hint of yet another awesome feature coming up on this new release: a complete **full revamp of Components** that will allow you to work so much better on your design systems. With this set of improvements, the whole Penpot experience will be so much enjoyable and will make you feel right at home. Stay tuned for this big release and tell the others—the more, the merrier! ---
**Author:** ![thisbit](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/thisbit/32/1773_2.png) [@thisbit](https://community.penpot.app/u/thisbit)\ **Post date:** [December 15, 2023, 8:17am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/2 "2023-12-15T08:17:42Z")
Watched and shared this one. Very impressive. Grid is amazing, I wish some more details and demos about the revised / upgraded components would be presented. Its kinda hard to make out how they work and what is possible. UI looks waaay better, congrats for that too. I will be using Penpot way more in 2024. My primary interest is in integrating it in design education process. We use figma now, and its not very comforting to have all the student work archived in a proprietary format. So we are looking into a selfhosted instance, perhaps, hopefully for the next academic year. PS where are you with implementing tokens/css variables? ---
**Author:** ![diacritica](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/diacritica/32/5604_2.png) [@diacritica](https://community.penpot.app/u/diacritica)\ **Post date:** [December 29, 2023, 10:05am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/3 "2023-12-29T10:05:36Z")
Hi @thisbit ! Our plans is to share much more on the new components v2 on the week of Jan 8th. As for tokens/css variables, I’ve asked our friends at Tokens Studio to prepare something for January and show how they’re building native support for that in Penpot! I love your use case, btw, “design education” is something very dear to us (some of the team are design teachers too) and we want to make sure everyone is able to get professional design skills with an open source/open standards design & prototype tool so they really own their craft and work. Looking forward to a fantastic 2024! ---
**Author:** ![thisbit](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/thisbit/32/1773_2.png) [@thisbit](https://community.penpot.app/u/thisbit)\ **Post date:** [January 3, 2024, 9:54am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/4 "2024-01-03T09:54:09Z")
Yes I beleive including OSS in education is productive for adoption too, as these are future professionals. ---
**Author:** ![Elena\_Alcalde\_Rueda](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/elena_alcalde_rueda/32/115_2.png) [@Elena\_Alcalde\_Rueda](https://community.penpot.app/u/Elena_Alcalde_Rueda)\ **Post date:** [January 3, 2024, 11:55am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/5 "2024-01-03T11:55:05Z")
Totally agree @thisbit ! Bringing OSS and OSS design into education will get students from all sorts of backgrounds (not just tech) involved, building diverse communities and creating awesome tools. It’s on our radar for the near future. ---
**Author:** ![thisbit](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/thisbit/32/1773_2.png) [@thisbit](https://community.penpot.app/u/thisbit)\ **Post date:** [January 3, 2024, 2:06pm UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/6 "2024-01-03T14:06:19Z")
Totally, I do not teach in the tech context at all. I teach at Art Academy, Design majors (BA, MA), specifically in “interactive media design” which is app, and web design most of the time. We use figma for some 5-7 years now, and I would love to own the access to student design. There are arguments to kep with figma, since it is an “industry standard” so jobs ask for it. However there are many arguments for Penpot as well, such as not tying students for a closed system, having on premise tooling etc. I am thinking of a way to incoroprate penpot to education. Waiting for components to land, to see if I can start soon. ---
**Author:** ![thisbit](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/thisbit/32/1773_2.png) [@thisbit](https://community.penpot.app/u/thisbit)\ **Post date:** [January 12, 2024, 3:11pm UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/7 "2024-01-12T15:11:57Z")
> [@diacritica](#): > > Our plans is to share much more on the new components v2 on the week of Jan 8th. … what is the new deadline? 🙂 ---
**Author:** ![diacritica](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/diacritica/32/5604_2.png) [@diacritica](https://community.penpot.app/u/diacritica)\ **Post date:** [January 12, 2024, 5:23pm UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/8 "2024-01-12T17:23:33Z")
Hahahaha! Next week. Actually, the tutorial is already recorded but I’ll be recording some cool content on Monday so I’d say next Tuesday. ---
**Author:** ![thisbit](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/thisbit/32/1773_2.png) [@thisbit](https://community.penpot.app/u/thisbit)\ **Post date:** [January 15, 2024, 8:30am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/9 "2024-01-15T08:30:58Z")
… counting backwards 🙂 in anticipation ---
**Author:** ![mgregoire](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/mgregoire/32/3999_2.png) [@mgregoire](https://community.penpot.app/u/mgregoire)\ **Post date:** [February 1, 2024, 1:52pm UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/10 "2024-02-01T13:52:28Z")
Hey Penpot… now’s your time! We need a real alternative to figma after this news… [https://archive.is/2024.01.30-211456/https://www.bloomberg.com/news/articles/2024-01-30/adobe-gives-up-on-xd-after-figma-deal-collapse](https://archive.is/2024.01.30-211456/https://www.bloomberg.com/news/articles/2024-01-30/adobe-gives-up-on-xd-after-figma-deal-collapse) IMO, though, you NEED an import feature for XD file migration. Figma doesn’t have that (at least not without a paid addon). If you make that happen, it’ll put penpot in a very unique position. ---
**Author:** ![Davor](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/davor/32/2692_2.png) [@Davor](https://community.penpot.app/u/Davor)\ **Post date:** [February 4, 2024, 6:06am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/11 "2024-02-04T06:06:40Z")
The revised Components look solid đź’Ş I am eager to give Penpot another try as soon as 2.0 is launched! ---
**Author:** ![RytisG](https://avatars.discourse-cdn.com/v4/letter/r/c89c15/32.png) [@RytisG](https://community.penpot.app/u/RytisG)\ **Post date:** [March 12, 2024, 9:58am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/12 "2024-03-12T09:58:56Z")
There is BIGGEST issue with the fonts. It is impossible to share or import design file madden with custom fonts. Nor PenPot displays you an error about missing font, nor it recognizes it even if it is preinstalled. This is the biggest set back which doesn’t allow to use it in between teams and other designers. I would recommend to concentrate on such hot fixes, as all of CSS futures do not have any sense, if developer will see default Arial, when it should be Roboto font 🙂 ---
**Author:** ![Elena\_Alcalde\_Rueda](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/elena_alcalde_rueda/32/115_2.png) [@Elena\_Alcalde\_Rueda](https://community.penpot.app/u/Elena_Alcalde_Rueda)\ **Post date:** [March 14, 2024, 5:35am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/13 "2024-03-14T05:35:13Z")
Thanks for pointing this out, @RytisG . We identified it and it’s already on our radar. We included in this user story: [Taiga](https://tree.taiga.io/project/penpot/us/1832) ---
**Author:** ![HeyTC](https://avatars.discourse-cdn.com/v4/letter/h/e79b87/32.png) [@HeyTC](https://community.penpot.app/u/HeyTC)\ **Post date:** [March 16, 2024, 2:18am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/14 "2024-03-16T02:18:03Z")
Been watching the substantial progress in [Taiga.io](http://Taiga.io) - very excited about how enabling this upcoming release will be. ![](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/2X/6/6cef120ecef1b1560668771e340840a50bac47ee.jpeg) ---
**Author:** ![diacritica](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/diacritica/32/5604_2.png) [@diacritica](https://community.penpot.app/u/diacritica)\ **Post date:** [March 21, 2024, 10:25am UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/15 "2024-03-21T10:25:07Z")
Hey @HeyTC then you’ll happy to learn about our early access environment! > [@Early Access Unlocked: Explore Penpot 2.0 Today!](https://community.penpot.app/t/early-access-unlocked-explore-penpot-2-0-today/4716): > > Exciting news for the Penpot community: Penpot 2.0 is just around the corner, and we share your excitement and enthusiasm! For those who can’t wait to dive into the latest updates and features, there’s great news – you don’t have to wait any longer! We are thrilled to introduce [early.penpot.dev](https://early.penpot.dev), a special preview for our eager community members to explore the innovations and improvements of Penpot 2.0 firsthand. This is your chance to get a sneak peek at what all the hype is about and experienc… Loved the cyclist metaphor! ---
**Author:** ![HeyTC](https://avatars.discourse-cdn.com/v4/letter/h/e79b87/32.png) [@HeyTC](https://community.penpot.app/u/HeyTC)\ **Post date:** [March 21, 2024, 12:08pm UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/16 "2024-03-21T12:08:13Z")
More than happy. The performance improvement is significant. The UI enrichments are very sharp and precise. It’s going to be such a pleasure to work with this. Looking forward to spending more time exploring the new features. ---
**Author:** ![Panto9](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/panto9/32/5927_2.png) [@Panto9](https://community.penpot.app/u/Panto9)\ **Post date:** [March 25, 2024, 5:30pm UTC](https://community.penpot.app/t/penpot-2-0-unveiled-css-grid-layout-and-components-on-their-way/4148/17 "2024-03-25T17:30:19Z")
Has the app been improved for image rendering? The issue with slowdown when multiple hi tes images are imported. This makes the app highly unusable for me, hence my hesitation using penpot for anything significant.