Components

Components encapsulate common styles, e.g. buttons, links and input elements. Once you have created the archetypes of your design system, you can turn them into components and reuse them at different places in the prototype. The big benefit, over simply copy-pasting the elements, is that changes in a component will automatically update all instances of that component.

Create a component

To create a component follow these steps:
  1. Create a UI element and style it as you like. You can also group several elements.
  2. Select the element. In the toolbar on top, click on 'Create Component'.
  3. Enter the name of the component in the dialog.
  4. Click Create

Reuse a component

To reuse a component follow these steps:
  1. Press W or select the icon. The widget menu will open
  2. Select the 'My Components' section.
  3. Click on the component you would like to add.

Update a component

At some point in time, you might want to update a component.
  1. Select an instance of a component.
  2. Perform the changes.
  3. Click on 'Update Component' in the top toolbar.
Getting StartedImportDesign TokensComponentsCustom FontsMaster ScreensScreen SegmentsAnimationsLogic FlowsData BindingForm ValidationScriptsWeb ServicesUser TestingUser SurveysA/B TestingAnalytic DashboardAnalytic CanvasData DistributionAnalytic TasksChrome BugsSupport