# How to do a rhomboid?

**URL:** <https://community.penpot.app/t/how-to-do-a-rhomboid/10789>\
**Category:** Ask the community\
**Tags:** design\
**Created:** [August 5, 2026, 9:41pm UTC](https://community.penpot.app/t/how-to-do-a-rhomboid/10789 "2026-08-05T21:41:20Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Seko](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/seko/32/10977_2.png) [@Seko](https://community.penpot.app/u/Seko)\
**Post date:** [August 5, 2026, 9:41pm UTC](https://community.penpot.app/t/how-to-do-a-rhomboid/10789/1 "2026-08-05T21:41:20Z")

</div>

I want to make some cards in a rhomboid form, but idk how to do in penpot?  
In css i can do some transform with skewX a square.

But there is a form to do that in penpot?

i want the card loo look likes:

```
        °------°
       / /
     / /
   / /
 / /

```

/ /  
°------°

---

<div class="post-metadata">

**Author:** ![findut](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/findut/32/6284_2.png) [@findut](https://community.penpot.app/u/findut)\
**Post date:** [August 6, 2026, 6:22am UTC](https://community.penpot.app/t/how-to-do-a-rhomboid/10789/2 "2026-08-06T06:22:23Z")

</div>

I would do it like this:

1. create a rectangle  

2. double-click on it  

3. then move the two bottom anchor points to the right or to the left, depending on the skew you want to apply to the rectangle.  

I’m sure there are a thousand other ways to do it… but this is the first one that came to mind.  
I wish you a wonderful day!

---

<div class="post-metadata">

**Author:** ![Denis](https://avatars.discourse-cdn.com/v4/letter/d/5e9695/32.png) [@Denis](https://community.penpot.app/u/Denis)\
**Post date:** [August 6, 2026, 10:39am UTC](https://community.penpot.app/t/how-to-do-a-rhomboid/10789/3 "2026-08-06T10:39:32Z")

</div>

Hi findut, will the texture get skewed too, or is it just a canvas?

---

<div class="post-metadata">

**Author:** ![LauraKalbag](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/laurakalbag/32/5014_2.png) [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Post date:** [August 6, 2026, 10:53am UTC](https://community.penpot.app/t/how-to-do-a-rhomboid/10789/4 "2026-08-06T10:53:20Z")

</div>

> [@Denis](#):
>
> will the texture get skewed too, or is it just a canvas?

The shape is treated separately from the fill, so you shouldn’t end up with any skewing. Especially if you have _Keep aspect ratio_ checked in the fill image options.

---

<div class="post-metadata">

**Author:** ![Seko](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/seko/32/10977_2.png) [@Seko](https://community.penpot.app/u/Seko)\
**Post date:** [August 6, 2026, 6:15pm UTC](https://community.penpot.app/t/how-to-do-a-rhomboid/10789/5 "2026-08-06T18:15:24Z")

</div>

Oh looks like its use svg code to create, i think is better than my way with skew. Btw i did it! thanks a lot ⭐

---

<div class="post-metadata">

**Author:** ![galaxyswapperv2](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/galaxyswapperv2/32/10986_2.png) [@galaxyswapperv2](https://community.penpot.app/u/galaxyswapperv2)\
**Post date:** [August 7, 2026, 7:03am UTC](https://community.penpot.app/t/how-to-do-a-rhomboid/10789/6 "2026-08-07T07:03:27Z")

</div>

I don’t think there’s a direct **skew** tool in Penpot like CSS. You could draw a rectangle and then edit the corner points to turn it into a rhomboid, or check if there’s a transform option that gives a similar result.

Is this shape only for the design mockup.