Component master with swap options

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 master element, but in the penpot I still haven’t seen anything about having a component that allows you to swap icons for another type.

I really miss the component properties panel, but I already left my considerations in the post, now not having a parent component that can be quickly replaced by another requires rethinking the entire design architecture of a project.

Do I not know how to use it or is that how it is?

I know the team are working on even more powerful component features, but component swapping is already in Penpot. To swap a component, you press the component’s button in the Design panel. By default, you’ll be shown components that are in the same group, but you can also navigate to any other component in your library.

Swapping button icon components in Penpot.

2 Likes

What you show is the change every component on single place but I cannot have 1 component for swap.

Like I show on the image:

So you want to swap all instances of that component with a new component?

Today it’s pratical and easy to control type of components like by size or use of case through an master component (slot component by case), in this case I have a Icon Swap with multiple sizes defined and inside I have all other icones can be used to swap with with icon swapper.

I know there isn’t one today properties to components where we can change state or details like I mention.

Ok I will think an another way to use without these swap component.