# \#design

**URL:** https://community.penpot.app/tag/design/5.md

[Latest](https://community.penpot.app/latest.md) · [Categories](https://community.penpot.app/categories.md) · [Tags](https://community.penpot.app/tags.md)

---

## [GDS Design System Library](https://community.penpot.app/t/gds-design-system-library/10912)

<div class="topic-metadata">

**Author:** [@Sulcalibur](https://community.penpot.app/u/Sulcalibur)\
**Replies:** 0\
**Last updated:** [September 28, 2026, 9:32pm UTC](https://community.penpot.app/t/gds-design-system-library/10912 "2026-09-28T21:32:53Z")

</div>

:loudspeaker: GDS Design System - Initial Release Hey everyone! :waving\_hand: I’ve finally carved out the time to get the GDS Design System into a solid, usable state. While there’s still some ongoing cleanup for compon…

---

## [Our new (free!) UI Design with Penpot course](https://community.penpot.app/t/our-new-free-ui-design-with-penpot-course/9171)

<div class="topic-metadata">

**Author:** [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Replies:** 34\
**Last updated:** [September 21, 2026, 9:08am UTC](https://community.penpot.app/t/our-new-free-ui-design-with-penpot-course/9171 "2026-09-21T09:08:37Z")

</div>

Hello friends! I’m excited to share our new (free!) UI Design with Penpot course. Together with the wonderful Penpot team, I’ve been working on this for a while! We’re bringing together: Practical design principles…

---

## [Grid layout Justify Items Stretch](https://community.penpot.app/t/grid-layout-justify-items-stretch/10886)

<div class="topic-metadata">

**Author:** [@alixhook](https://community.penpot.app/u/alixhook)\
**Replies:** 1\
**Last updated:** [September 11, 2026, 3:52pm UTC](https://community.penpot.app/t/grid-layout-justify-items-stretch/10886 "2026-09-11T15:52:55Z")

</div>

Hi I am having difficulty understand why in Grid layout on the right side panel Justify Items Stretch have no effect on grid elements unless the elements itself set to Fill horizontal & vertical. When I make the parent g…

---

## [An attempt to a Shadcn UI Library for Penpot](https://community.penpot.app/t/an-attempt-to-a-shadcn-ui-library-for-penpot/10521)

<div class="topic-metadata">

**Author:** [@brunobezerra](https://community.penpot.app/u/brunobezerra)\
**Replies:** 7\
**Last updated:** [September 10, 2026, 2:47pm UTC](https://community.penpot.app/t/an-attempt-to-a-shadcn-ui-library-for-penpot/10521 "2026-09-10T14:47:07Z")

</div>

I know that there’s already a topic from @FatumaA regarding a shadcn ui library for Penpot, but I’d like to show you a bit of my efforts to build and hopeffuly release something similar. I’ve been thinking about it for …

---

## [Plugins or agents: what is still worth building?](https://community.penpot.app/t/plugins-or-agents-what-is-still-worth-building/10863)

<div class="topic-metadata">

**Author:** [@a-ng-d](https://community.penpot.app/u/a-ng-d)\
**Replies:** 3\
**Last updated:** [September 7, 2026, 2:16pm UTC](https://community.penpot.app/t/plugins-or-agents-what-is-still-worth-building/10863 "2026-09-07T14:16:47Z")

</div>

Hello everyone, I would like to share a thought about how we build value around a design tool today: shipping a plugin, or driving the tool with an agent (MCP server, skills, a local or hosted LLM). This is a subject I…

---

## [Background grids vs grid layouts](https://community.penpot.app/t/background-grids-vs-grid-layouts/10866)

<div class="topic-metadata">

**Author:** [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Replies:** 1\
**Last updated:** [September 4, 2026, 2:12pm UTC](https://community.penpot.app/t/background-grids-vs-grid-layouts/10866 "2026-09-04T14:12:06Z")

</div>

I’ve written something new for the Penpot blog which is half-explainer half-tutorial on the difference between background grids and grid layouts. As I spent a while creating demo materials for this blog post, I though…

---

## [Advanced Background Image Control & Native Background Blur](https://community.penpot.app/t/advanced-background-image-control-native-background-blur/10638)

<div class="topic-metadata">

**Author:** [@Cimi\_Larkes](https://community.penpot.app/u/Cimi_Larkes)\
**Replies:** 5\
**Last updated:** [September 2, 2026, 11:46am UTC](https://community.penpot.app/t/advanced-background-image-control-native-background-blur/10638 "2026-09-02T11:46:38Z")

</div>

I am writing to express my strong support for two essential features that I believe are critical for professional design workflows in Penpot: Background Image Positioning/Sizing and Background Blur. Currently, the lack …

---

## [Is there a way to add animated elements to a design?](https://community.penpot.app/t/is-there-a-way-to-add-animated-elements-to-a-design/5733)

<div class="topic-metadata">

**Author:** [@Modpodge](https://community.penpot.app/u/Modpodge)\
**Replies:** 5\
**Last updated:** [September 1, 2026, 3:36pm UTC](https://community.penpot.app/t/is-there-a-way-to-add-animated-elements-to-a-design/5733 "2026-09-01T15:36:26Z")

</div>

New to penpot! I am looking for a way to embed video/gifs/SVG animation (or even .lottie files if that is possible). My goal is to create a design portfolio I can send a link to. Does the functionality exist yet? As an…

---

## [Pencil, the Penpot Design System](https://community.penpot.app/t/pencil-the-penpot-design-system/7152)

<div class="topic-metadata">

**Author:** [@Guillermo\_Adan](https://community.penpot.app/u/Guillermo_Adan)\
**Replies:** 7\
**Last updated:** [September 1, 2026, 3:20pm UTC](https://community.penpot.app/t/pencil-the-penpot-design-system/7152 "2026-09-01T15:20:44Z")

</div>

We are thrilled to introduce Pencil, Penpot’s design system, with which we continue to build our product. We have created this design system for you to discover our interface and find out how to apply the principles o…

---

## [I built a Skill turns app screenshots into penpot design](https://community.penpot.app/t/i-built-a-skill-turns-app-screenshots-into-penpot-design/10809)

<div class="topic-metadata">

**Author:** [@MrGood4U](https://community.penpot.app/u/MrGood4U)\
**Replies:** 6\
**Last updated:** [August 28, 2026, 7:02pm UTC](https://community.penpot.app/t/i-built-a-skill-turns-app-screenshots-into-penpot-design/10809 "2026-08-28T19:02:37Z")

</div>

Hi Penpot community! I’ve been working on a Skill that can recreate mobile app screenshots as editable designs in Penpot. The idea is simple: Screenshot → AI analysis → Penpot design Instead of generating a flat imag…

---

## [Blurry images while export as PDF](https://community.penpot.app/t/blurry-images-while-export-as-pdf/4313)

<div class="topic-metadata">

**Author:** [@panji](https://community.penpot.app/u/panji)\
**Replies:** 15\
**Last updated:** [August 23, 2026, 5:18pm UTC](https://community.penpot.app/t/blurry-images-while-export-as-pdf/4313 "2026-08-23T17:18:45Z")

</div>

Hi! I already using Penpot for a year, and it has a lot of useful features as figma alternative app. Mostly, I’m using Penpot to design social media images and web pages. I’m starting design a portfolio project for 1-…

---

## [Using open-source AI and tools at design school](https://community.penpot.app/t/using-open-source-ai-and-tools-at-design-school/10806)

<div class="topic-metadata">

**Author:** [@a-ng-d](https://community.penpot.app/u/a-ng-d)\
**Replies:** 3\
**Last updated:** [August 20, 2026, 2:16pm UTC](https://community.penpot.app/t/using-open-source-ai-and-tools-at-design-school/10806 "2026-08-20T14:16:10Z")

</div>

Hello everyone, I would like to share a thought about using a local, open-source suite of tools in design school. This is a subject I’m directly concerned about, and I’d welcome your feedback. Context I used to teach …

---

## [Is the design tool becoming irrelevant in the age of AI](https://community.penpot.app/t/is-the-design-tool-becoming-irrelevant-in-the-age-of-ai/10690)

<div class="topic-metadata">

**Author:** [@Sulcalibur](https://community.penpot.app/u/Sulcalibur)\
**Replies:** 9\
**Last updated:** [August 18, 2026, 2:26pm UTC](https://community.penpot.app/t/is-the-design-tool-becoming-irrelevant-in-the-age-of-ai/10690 "2026-08-18T14:26:02Z")

</div>

Hey everyone! :waving\_hand: I’ve recently been tasked with auditing and exploring the intersection of Design and AI at my workplace. I’m looking at this holistic landscape through the lenses of our User-Centred Design (…

---

## [Preserving the proportions of frames or images](https://community.penpot.app/t/preserving-the-proportions-of-frames-or-images/10803)

<div class="topic-metadata">

**Author:** [@Stan\_Ezersky](https://community.penpot.app/u/Stan_Ezersky)\
**Replies:** 6\
**Last updated:** [August 18, 2026, 11:23am UTC](https://community.penpot.app/t/preserving-the-proportions-of-frames-or-images/10803 "2026-08-18T11:23:26Z")

</div>

How can I keep the ratio of the frame with the background 1:1 when automatically resizing the external container? As an example, a product card with image 1:1. Now it is either impossible to do this, or the strict preser…

---

## [Allow layer search while in Focus Mode](https://community.penpot.app/t/allow-layer-search-while-in-focus-mode/10716)

<div class="topic-metadata">

**Author:** [@Dylan](https://community.penpot.app/u/Dylan)\
**Replies:** 1\
**Last updated:** [August 14, 2026, 12:55pm UTC](https://community.penpot.app/t/allow-layer-search-while-in-focus-mode/10716 "2026-08-14T12:55:26Z")

</div>

Title: Allow layer search while in Focus Mode Description: Please add the ability to search for layers while using Focus Mode. Currently, layer search is unavailable when working in a focused view, making it more diffi…

---

## [How to do a rhomboid?](https://community.penpot.app/t/how-to-do-a-rhomboid/10789)

<div class="topic-metadata">

**Author:** [@Seko](https://community.penpot.app/u/Seko)\
**Replies:** 5\
**Last updated:** [August 7, 2026, 7:03am UTC](https://community.penpot.app/t/how-to-do-a-rhomboid/10789 "2026-08-07T07:03:27Z")

</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: °------…

---

## [Inaccurate design tokens group name conflict message](https://community.penpot.app/t/inaccurate-design-tokens-group-name-conflict-message/10775)

<div class="topic-metadata">

**Author:** [@xanderjakeq](https://community.penpot.app/u/xanderjakeq)\
**Replies:** 2\
**Last updated:** [August 5, 2026, 4:22pm UTC](https://community.penpot.app/t/inaccurate-design-tokens-group-name-conflict-message/10775 "2026-08-05T16:22:50Z")

</div>

I am trying to import files generated with https://sugarcube.sh/. I’m assuming both tools support the DTCG standard, so i thought it will be smooth. But observed behavior: $type is parsed as a token, sugarcube has a…

---

## [Background Blur Effect](https://community.penpot.app/t/background-blur-effect/2063)

<div class="topic-metadata">

**Author:** [@Kasimirsuterwinter](https://community.penpot.app/u/Kasimirsuterwinter)\
**Replies:** 2\
**Last updated:** [August 4, 2026, 8:06am UTC](https://community.penpot.app/t/background-blur-effect/2063 "2026-08-04T08:06:43Z")

</div>

Penpot is amazing! I am looking to mack a background blur effect like is commonly found on IOS. I have been searching through the Penpot features and I only find the blur effect which just blurs the object itself, not t…

---

## [Open Source ambassador: First steps](https://community.penpot.app/t/open-source-ambassador-first-steps/10782)

<div class="topic-metadata">

**Author:** [@Elena\_Alcalde\_Rueda](https://community.penpot.app/u/Elena_Alcalde_Rueda)\
**Replies:** 0\
**Last updated:** [August 4, 2026, 7:13am UTC](https://community.penpot.app/t/open-source-ambassador-first-steps/10782 "2026-08-04T07:13:19Z")

</div>

Here’s some advice from the Penpot community​:blue\_heart:. One of the best parts of the Penpot Ambassador Program is learning from people who are already building communities in their own regions. Ambassadors from arou…

---

## [Responsive design on canvas - Applying themes to boards](https://community.penpot.app/t/responsive-design-on-canvas-applying-themes-to-boards/10630)

<div class="topic-metadata">

**Author:** [@nic0m4](https://community.penpot.app/u/nic0m4)\
**Replies:** 1\
**Last updated:** [July 27, 2026, 2:40pm UTC](https://community.penpot.app/t/responsive-design-on-canvas-applying-themes-to-boards/10630 "2026-07-27T14:40:53Z")

</div>

Background Hi! I’m looking to switch from Figma to Penpot because I really like the idea of using real CSS flexbox and grid on a free canvas. I imagine this would give me much more accurate code output than what I get …

---

## [Color change when swap components](https://community.penpot.app/t/color-change-when-swap-components/7417)

<div class="topic-metadata">

**Author:** [@asu](https://community.penpot.app/u/asu)\
**Replies:** 4\
**Last updated:** [July 23, 2026, 12:13pm UTC](https://community.penpot.app/t/color-change-when-swap-components/7417 "2026-07-23T12:13:42Z")

</div>

Hello, Is there a way to preserve a specific color in a component when swap one of its child elements? For example, consider a button. As shown in the screenshot, the button uses text and icon colors from a palette. Ini…

---

## [Add Union Subtract Ability](https://community.penpot.app/t/add-union-subtract-ability/7135)

<div class="topic-metadata">

**Author:** [@Korbs](https://community.penpot.app/u/Korbs)\
**Replies:** 3\
**Last updated:** [July 22, 2026, 4:30pm UTC](https://community.penpot.app/t/add-union-subtract-ability/7135 "2026-07-22T16:30:24Z")

</div>

The SudoVanilla logo is not possible to design in Penpot without the ability to apply the union subtract method. I looked into this back in June: Union Selection? The logo has to be designed in Figma as last resort: …

---

## [How to convert text in path (curves)](https://community.penpot.app/t/how-to-convert-text-in-path-curves/1324)

<div class="topic-metadata">

**Author:** [@rickbenetti](https://community.penpot.app/u/rickbenetti)\
**Replies:** 13\
**Last updated:** [July 22, 2026, 1:13pm UTC](https://community.penpot.app/t/how-to-convert-text-in-path-curves/1324 "2026-07-22T13:13:15Z")

</div>

I trying to convert a text like path and I couldn’t, someone knows how to do this? At figma I can, they call Flatten Text, at Penpot I not found it.

---

## [Can't cut/join a path](https://community.penpot.app/t/cant-cut-join-a-path/10717)

<div class="topic-metadata">

**Author:** [@Verdanamnyt](https://community.penpot.app/u/Verdanamnyt)\
**Replies:** 1\
**Last updated:** [July 21, 2026, 10:54am UTC](https://community.penpot.app/t/cant-cut-join-a-path/10717 "2026-07-21T10:54:28Z")

</div>

I want to cut a path, but the icons are greyed out … any ideas how to get them to work?

---

## [First Assignment: Creating a Menu Icon](https://community.penpot.app/t/first-assignment-creating-a-menu-icon/10703)

<div class="topic-metadata">

**Author:** [@Alex\_Keshet](https://community.penpot.app/u/Alex_Keshet)\
**Replies:** 1\
**Last updated:** [July 21, 2026, 10:35am UTC](https://community.penpot.app/t/first-assignment-creating-a-menu-icon/10703 "2026-07-21T10:35:38Z")

</div>

Hello. Here’s my set of menu icons, I created the ‘save’ icons in light and dark. Any critique is highly welcomed. Best.

---

## [Struggling with Hover States in Penpot Components.](https://community.penpot.app/t/struggling-with-hover-states-in-penpot-components/10667)

<div class="topic-metadata">

**Author:** [@valkier](https://community.penpot.app/u/valkier)\
**Replies:** 1\
**Last updated:** [July 21, 2026, 9:37am UTC](https://community.penpot.app/t/struggling-with-hover-states-in-penpot-components/10667 "2026-07-21T09:37:39Z")

</div>

I’d like to understand the workflow in Penpot to see if I should switch from Figma. I design a button. Then I create a component, followed by a variant. Now I have a Button:default and a Button:hover. In the Prototype t…

---

## [Pokrenimo Penpot zajednicu na našem jeziku!](https://community.penpot.app/t/pokrenimo-penpot-zajednicu-na-nasem-jeziku/10722)

<div class="topic-metadata">

**Author:** [@Nikola](https://community.penpot.app/u/Nikola)\
**Replies:** 1\
**Last updated:** [July 14, 2026, 2:18pm UTC](https://community.penpot.app/t/pokrenimo-penpot-zajednicu-na-nasem-jeziku/10722 "2026-07-14T14:18:10Z")

</div>

(English translation at the bottom) Ćao svima! Hteo bih da pokrenem konverzaciju na naškom jeziku, a nadam se uskoro i upoznam Penpot ljubitelje uživo! Nedavno sam postao Penpot ambasador i uskoro ću organizovati prvi m…

---

## [Please add the design tokens in a shared library](https://community.penpot.app/t/please-add-the-design-tokens-in-a-shared-library/9566)

<div class="topic-metadata">

**Author:** [@Dylan](https://community.penpot.app/u/Dylan)\
**Replies:** 4\
**Last updated:** [July 1, 2026, 2:54pm UTC](https://community.penpot.app/t/please-add-the-design-tokens-in-a-shared-library/9566 "2026-07-01T14:54:03Z")

</div>

When making a shared library, the design tokens are gone. Please add them to the libary. Now i need to export and import them.

---

## [Bounding box offset from visual elements](https://community.penpot.app/t/bounding-box-offset-from-visual-elements/10587)

<div class="topic-metadata">

**Author:** [@TheunisTheMaker](https://community.penpot.app/u/TheunisTheMaker)\
**Replies:** 9\
**Last updated:** [June 24, 2026, 9:52am UTC](https://community.penpot.app/t/bounding-box-offset-from-visual-elements/10587 "2026-06-24T09:52:35Z")

</div>

I’ve grouped elements together (text and measurement lines), but the container’s bounding box appears offset from where the elements are visually rendered on the canvas. When I select the group, the selection box doesn’t…

---

## [Self-Hosted, Open-Source Design System](https://community.penpot.app/t/self-hosted-open-source-design-system/10168)

<div class="topic-metadata">

**Author:** [@Sulcalibur](https://community.penpot.app/u/Sulcalibur)\
**Replies:** 12\
**Last updated:** [June 23, 2026, 5:22pm UTC](https://community.penpot.app/t/self-hosted-open-source-design-system/10168 "2026-06-23T17:22:35Z")

</div>

:hammer\_and\_wrench: Building a Self-Hosted, Open-Source Design System for Penpot I’m embarking on an ambitious project: creating a self-hosted Design System solution, conceptually similar to ZeroHeight, but with a firm f…

[Next page](https://community.penpot.app/tag/design/5.md?match_all_tags=true&page=1&tags%5B%5D=design)
