The “list view” with small thumbnails also makes it hard to identify differences between components with indecipherable names. While the “tile view” option helps, it has no text labels, making visual identification slow and challenging. Why do it? As the components list fills up, it will become unwieldy if components all begin with the same default name and a meaningless number. It isn’t very descriptive, so it would be best to give it a unique, searchable name. XD will give the component a default name of “Component XX” (where “XX” is a number). Tip #2 – Name Components on CreationĬreating a component (right-click an element, then select “Make Component” in the menu, or press Cmd-K on Mac/Ctrl-K on PC) adds the component to the Assets panel in the left sidebar. Components can be inspected in detail in the Assets panel. While it can be tempting to jump in and start iterating on Main Components, sometimes unexpected issues happen due to the differences in how parent and child components behave.Ī good practice is to consider and anticipate everything needed in the Main Component’s default state before adding other states or instantiating the component-even going as far as laying out the different states side by side.ĭesigners should also bear in mind that they can add and change elements in non-default states of the Main Component or child instances without affecting the default state, but the reverse isn’t true.Ī recommendation for Adobe: Give component states a lock feature so designers can keep non-default states intact and prevent changes to the Main Component’s default state from propagating. Changes must be made to the default state in the Main Component to update the hover or clicked states of all instances. When editing the default state of a child instance of a dropdown, those changes will not propagate to the hover or clicked states. An expanded, clicked state: the dropdown menu options are shownĬreation, naming, and selection of component states in the Sidebar.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |