Learn how to navigate through different views of a design specs link.
The share for development link has been made richer by including interactive prototype information along with design specs. Click the View specs toggle icon in the shared link to toggle between a design specs and prototype view. The new experience provides the following advantages:
To get a holistic view of your design flow with all the artboard layout information, you can choose to switch between Grid and Flow views.
Efficient to navigate, the Grid view is a simple grid format of the artboard layout information, where as the Flow view preserves the artboard layout and its architecture.
To navigate to default Grid view, click the link name or the grid icon in the upper left corner. To toggle between Grid view and Flow view, click the Flow view icon in the upper-right corner of the screen.
Do feel free to share your feedback on the new experience using Adobe XD user voice.
The specs view shows the artboard details, colors, character styles, and targets used. You can use the collapsible arrow to expand and collapse individual sections.
In the Properties panel, you can view:
At the bottom of the screen, there are arrow keys, and a Home icon. The left arrow key takes you to previous artboard, the right arrow key takes you to the next artboard while the Home icon takes you to the Home artboard.
For keyboard shortcuts specific to design specs, see Keyboard shortcuts.
You can view the custom labels only if the designer has given the color label names in the Assets panel.