# Blender wireframes and white-boarding with Penpot

**URL:** <https://community.penpot.app/t/blender-wireframes-and-white-boarding-with-penpot/372>\
**Category:** \#MadeWithPenpot\
**Created:** [July 15, 2022, 11:36am UTC](https://community.penpot.app/t/blender-wireframes-and-white-boarding-with-penpot/372 "2022-07-15T11:36:33Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![dfelinto](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/dfelinto/32/380_2.png) [@dfelinto](https://community.penpot.app/u/dfelinto)\
**Post date:** [July 15, 2022, 11:36am UTC](https://community.penpot.app/t/blender-wireframes-and-white-boarding-with-penpot/372/1 "2022-07-15T11:36:33Z")

</div>

Hi,

[Blender](https://blender.org) is an open-source DCC (digital content creation) tool that is used for modeling, animation, …

Each team (module/project) is free to pick different tools for their development process. But there is a natural inclination to use open source tools, and many of us have been given Penpot a shot. The use is usually as a  
wireframe and a white-board tool.

I would like to share the projects I personally used Penpot for. Other developers are welcome to add to this list 🙂

# Library Overrides

I used Penpot for the final mockups of the new Library Overrides outliner modes. You can see some Penpot mockups used here: [Overrides Workshop — Blender Developers Blog](https://code.blender.org/2022/02/overrides-workshop/#visualization-management)

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/e0d13eefbd29065c5f4f82ee4bfd8b5db81b11e0.png)

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/ba35fb8694b879d69098eeb64c49955c00b02986.png)

This is how it looks inside Penpot (which if we had the “see but don’t touch!” option, I wouldn’t mind having everyone looking at it, as is the case for most of the Blender files):

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/01972ff425bcea7a1023269d7d83f15d1f469cbd.png)

And this is how it looks in Blender 3.2:

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/31f5be4350a2dd4dee64e654b4d897dd9d5d73cd.png)

This will still be polished a bit more, so the name of the property is its UI name (e.g., Display Type, Hide), not its internal RNA path (e.g., display\_type, bones[“Bone”].hide).

# Hair Curves

I have recently [written about the new hair system in Blender](https://code.blender.org/2022/07/the-future-of-hair-grooming/). This project is built on top of the Geometry Nodes project, with a similar team. For Geometry Nodes we used a lot of white-board to explore use-cases and to make wireframes mockups.

For the hair curves project we tried to quickly use the same process but now with Penpot. A few examples of trying to find a replacement for the modifier stack:

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/6e63f8ff7fb92ee9f683c865f8204f34a495fcbf.png)

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/151733f15609efc77e0e9ff1a68044351ef31522.png)

# UV Nodes

As part of the hair discussions we needed a solution to handle UVs inside the node tree. After some debate we came up with those results:

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/540fb62e18ea380d596b2e6589a398ee8119fb8d.png)

Which was used in our [issue tracker](https://developer.blender.org/T98852):

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/33a50e33e72a3018a0c185c8bba540c137d695b7.png)

Those are not implemented yet.

# Resources

Blender uses SVG for a lot of its internal resources, from its icons to Blender logo itself. And the more people started to use Penpot, the more we started to port those over to Penpot.

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/1b985fa6e603742bac66b585d450af0bfaed7e92.png)

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/4347bee387d3e656aad504b5a11537fcc2c1d51c.png)

For icons we are still bringing them one-by-one on a per-need basis. We keep them white so we can color them afterwards (similar to how we do in Blender).

 ![image](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/c85d130fd07291a7dd2d300bd3e659410a02607b.png)

# Bug report

I also want to take the opportunity to thank the Penpot team for squashing those bugs left and right 😉

> <https://github.com/penpot/penpot/issues/1818>
>
> I have a rounded corner rectangle that if I use shift to select its vertices I g…et an immediate Internal Error.
> 
> How to reproduce it:
> 1. Add a new rectangle
> 2. Change its corner radius (e.g., to 10).
> 3. Double-click to see the individual vertices.
> 4. Hold shift and drag over some of the corners (e.g., over the entire bottom-half of the rectangle).
> 5. Boom: Internal error
> 
> Shape right before the crash (after step 3):
> 
> !\[image\](https://user-images.githubusercontent.com/843498/164043778-a230b862-5e22-469c-81b4-658170521bc9.png)

---

<div class="post-metadata">

**Author:** ![juan.delacruz](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/juan.delacruz/32/12_2.png) [@juan.delacruz](https://community.penpot.app/u/juan.delacruz)\
**Post date:** [July 17, 2022, 8:26pm UTC](https://community.penpot.app/t/blender-wireframes-and-white-boarding-with-penpot/372/2 "2022-07-17T20:26:36Z")

</div>

Thank you very much for sharing your design processes with the community!!!

It’s very interesting to see how other professional teams organize and solve their product design challenges. As a designer and Blender user, I’m quite interested to know how you get feedback from your teamates about these work you did in Penpot and how the process continue from that point.

Thank you so much again @dfelinto 🙂

**Fun fact**

At the beginning, when Penpot very first Alpha version was released we used Blender to create few creativities to support the project in its early stages. Here are some of those designs…

 ![penpot-icon-c2](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/35e791be28c748ed4e707a6aef89d666ea646641.jpeg)

 ![penpot-banner](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/8b965306095a8ab294640885653c6226ff3dafbf.jpeg)

 ![penpot-blender](https://europe1.discourse-cdn.com/flex017/uploads/penpot/original/1X/93eed1218e851627a997acc288371f1fa1237e9b.jpeg)

---

<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:** [July 18, 2022, 7:15am UTC](https://community.penpot.app/t/blender-wireframes-and-white-boarding-with-penpot/372/3 "2022-07-18T07:15:59Z")

</div>

This is is beyond awesome @dfelinto! Love the wireframes style and would be very very interesting to see more of these to better understand your use case at Blender.

BTW, the “see but don’t touch!” option is something that we are already defining, it will happen eventually.
