# \#component

**URL:** https://community.penpot.app/tag/component/52.md

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

---

## [Migrate Figma components to Penpot](https://community.penpot.app/t/migrate-figma-components-to-penpot/10870)

<div class="topic-metadata">

**Author:** [@Oaziris](https://community.penpot.app/u/Oaziris)\
**Replies:** 5\
**Last updated:** [September 8, 2026, 12:57pm UTC](https://community.penpot.app/t/migrate-figma-components-to-penpot/10870 "2026-09-08T12:57:59Z")

</div>

Hello everyone, I’m currently trying to evaluate the possibility of a migration from Figma to Penpot at my company. The main subject is to migrate our design system, I’ve managed to migrate tokens via Token Forge, but …

---

## [Component contents resets size when I change variant](https://community.penpot.app/t/component-contents-resets-size-when-i-change-variant/10080)

<div class="topic-metadata">

**Author:** [@Anders\_Carlsson](https://community.penpot.app/u/Anders_Carlsson)\
**Replies:** 15\
**Last updated:** [September 2, 2026, 12:34pm UTC](https://community.penpot.app/t/component-contents-resets-size-when-i-change-variant/10080 "2026-09-02T12:34:29Z")

</div>

I’ve created a component that contains a set of icons, where each icon is a variant. I can create instances and resize the instances and that works well. But if I change the size of the instance and then change the vari…

---

## [Hide Components From a Published Library](https://community.penpot.app/t/hide-components-from-a-published-library/10748)

<div class="topic-metadata">

**Author:** [@Arvid](https://community.penpot.app/u/Arvid)\
**Replies:** 1\
**Last updated:** [August 5, 2026, 3:48pm UTC](https://community.penpot.app/t/hide-components-from-a-published-library/10748 "2026-08-05T15:48:38Z")

</div>

Hi, I have a library that has some helper components in it. I would like to hide those from publishing in the library, as they are not supposed to be part of this specific library. Example: My library might contain a h…

---

## [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…

---

## [Component reset when update library](https://community.penpot.app/t/component-reset-when-update-library/10424)

<div class="topic-metadata">

**Author:** [@croustycrabe](https://community.penpot.app/u/croustycrabe)\
**Replies:** 3\
**Last updated:** [March 23, 2026, 8:57am UTC](https://community.penpot.app/t/component-reset-when-update-library/10424 "2026-03-23T08:57:28Z")

</div>

I’m not sure if this problem was already identified, so feel free to delete this post. I currently create a library for my company. In my library I have some components that inherit from other components (like icons in …

---

## [Variants with boolean visibility toggles for specific parts](https://community.penpot.app/t/variants-with-boolean-visibility-toggles-for-specific-parts/10376)

<div class="topic-metadata">

**Author:** [@firefiber](https://community.penpot.app/u/firefiber)\
**Replies:** 3\
**Last updated:** [March 2, 2026, 9:58pm UTC](https://community.penpot.app/t/variants-with-boolean-visibility-toggles-for-specific-parts/10376 "2026-03-02T21:58:53Z")

</div>

Hi! So i’m trying to make base components that will have options to turn on or off visibility of specific parts of the component itself. What I mean is, for example here: This is a main component, and I want to creat…

---

## [Streamlining Icon Swaps in Button components](https://community.penpot.app/t/streamlining-icon-swaps-in-button-components/10357)

<div class="topic-metadata">

**Author:** [@Sulcalibur](https://community.penpot.app/u/Sulcalibur)\
**Replies:** 3\
**Last updated:** [February 25, 2026, 9:50am UTC](https://community.penpot.app/t/streamlining-icon-swaps-in-button-components/10357 "2026-02-25T09:50:47Z")

</div>

I’ve got my button component set up with Flex Layout (supporting Icon Left / Icon Right / None), but I’m looking for the fastest workflow to swap the icons themselves. My library has about 25 icons. Currently, I have to…

---

## [Structureless / Layout components](https://community.penpot.app/t/structureless-layout-components/10149)

<div class="topic-metadata">

**Author:** [@ruslan](https://community.penpot.app/u/ruslan)\
**Replies:** 1\
**Last updated:** [December 6, 2025, 8:26am UTC](https://community.penpot.app/t/structureless-layout-components/10149 "2025-12-06T08:26:26Z")

</div>

How can I create a generic structureless component, that can accept any number of children? Let’s say I want to create a reusable layout, with specific spacing. For example - Actions component for buttons. This is alway…

---

## [With 2.10 component swaping freezes the app](https://community.penpot.app/t/with-2-10-component-swaping-freezes-the-app/9900)

<div class="topic-metadata">

**Author:** [@kapsarovb](https://community.penpot.app/u/kapsarovb)\
**Replies:** 3\
**Last updated:** [September 26, 2025, 11:02am UTC](https://community.penpot.app/t/with-2-10-component-swaping-freezes-the-app/9900 "2025-09-26T11:02:07Z")

</div>

Hey there Penpot! I’m not sure if this is happening only to me or to others as well, but I use Penpot on a few different workstations and especially the Design App for Linux OS. After the release of the 2.10 since yeste…

---

## [Future of Design Tokens and Component Library?](https://community.penpot.app/t/future-of-design-tokens-and-component-library/9624)

<div class="topic-metadata">

**Author:** [@kkoehler](https://community.penpot.app/u/kkoehler)\
**Replies:** 0\
**Last updated:** [August 8, 2025, 1:08pm UTC](https://community.penpot.app/t/future-of-design-tokens-and-component-library/9624 "2025-08-08T13:08:20Z")

</div>

Hi there, I’ve been playing around in penpot for a while now and have been using it to design updates for my website. Today I tried out the design tokens and created all the tokens that I needed. While trying out the to…

---

## [Components Overrides](https://community.penpot.app/t/components-overrides/8800)

<div class="topic-metadata">

**Author:** [@findut](https://community.penpot.app/u/findut)\
**Replies:** 4\
**Last updated:** [May 23, 2025, 7:43am UTC](https://community.penpot.app/t/components-overrides/8800 "2025-05-23T07:43:20Z")

</div>

This is a topic that has been discussed many times (for example here) and I imagine it is something that is close to the hearts of many. Component swapping is a bit limited in Penpot. It works great for icons or single …

---

## [Component overides](https://community.penpot.app/t/component-overides/8283)

<div class="topic-metadata">

**Author:** [@Abhishek\_Sharma](https://community.penpot.app/u/Abhishek_Sharma)\
**Replies:** 3\
**Last updated:** [April 9, 2025, 6:11pm UTC](https://community.penpot.app/t/component-overides/8283 "2025-04-09T18:11:38Z")

</div>

Hi! I tried looking if this issue before posting but if i missed please feel free to resolve/remove this one. The feedback is that the component overrides get removed when i make any changes to the component. Please…

---

## [Component master with swap options](https://community.penpot.app/t/component-master-with-swap-options/8161)

<div class="topic-metadata">

**Author:** [@rickbenetti](https://community.penpot.app/u/rickbenetti)\
**Replies:** 4\
**Last updated:** [March 19, 2025, 1:26pm UTC](https://community.penpot.app/t/component-master-with-swap-options/8161 "2025-03-19T13:26:46Z")

</div>

I’m still trying to use the penpot, but it’s difficult. Well, I finally managed to import a library that I make available on Figma Community, which is for icons, and there I’m used to having a component to swap, like a …

---

## [Question : How to move the main component between pages](https://community.penpot.app/t/question-how-to-move-the-main-component-between-pages/7686)

<div class="topic-metadata">

**Author:** [@Hermine](https://community.penpot.app/u/Hermine)\
**Replies:** 3\
**Last updated:** [February 5, 2025, 9:31am UTC](https://community.penpot.app/t/question-how-to-move-the-main-component-between-pages/7686 "2025-02-05T09:31:33Z")

</div>

Hello community, I initially created several components on a random page (page 1) at the start of the project. Now I want to reassamble all these components on a dedicated page let’s call it pageComponents. However, w…

---

## [Drag and drop feature for moving main component](https://community.penpot.app/t/drag-and-drop-feature-for-moving-main-component/7692)

<div class="topic-metadata">

**Author:** [@Hermine](https://community.penpot.app/u/Hermine)\
**Replies:** 1\
**Last updated:** [January 31, 2025, 10:44am UTC](https://community.penpot.app/t/drag-and-drop-feature-for-moving-main-component/7692 "2025-01-31T10:44:42Z")

</div>

Hello, I’m a new Penpot user. It’s a great experience at v2.4 release. I observed that certain UI designs could be more intuitive. I encountered an issue when trying to move several main components from one page to ano…
