<aside> ⚠️ Components in Handoff are currently for experimentation only, and are not feature-complete yet. Keep an eye on this page as we work towards full the full feature set for components and UI libraries.

</aside>

When designing in Handoff, it is recommended to re-use as much of your UI as possible by creating components. This makes it easier to roll out changes across your designs, and prevents inconsistencies from creeping into your UI. Components are also an important part of the Handoff UI library export, because they can be used 1-to-1 by developers integrating them into the code.

Any element can be converted to a component using the right-click menu, and selecting Create component...

You can re-use components by dragging-and-dropping them from the Navigator on the left onto your elements on the Artboard.

Continue reading

Reusing components