Editing components

When you select a Component on the board, the Transform area of the selection toolbar shows the component's name along with two actions: Break Apart and Edit Component.

  • Break Apart breaks the connection between the individual UI elements inside the Component and the Component itself for the selected instance, meaning that it is no longer a Component (although the original Component remains intact). Any changes you make to a broken apart Component will not get updated elsewhere and any changes made to the Component will not update where it has been broken apart.

  • Edit Component takes you to the Components editing mode where you can edit the Component. The main benefit of reusable Components is that if you need to make a change, you can just do it in one place and it will be propagated to all the instances (uses) of that Component. When you are done editing a Component, you can click the "Done" button on the board. Edits made to the Component will be immediately reflected in any boards using it.

When you override a property on a component instance (such as changing the text or color), the component button in the toolbar turns green to indicate that overrides are active. You can remove individual overrides from the component menu ("Remove [property] override").


Our monthly emails will make you better at your job

Get our inside stories on product design, making things people love, and running a business built to last. Delivered once a month to your inbox.