Feature Spec UI: Export Modal - adobe-photoshop/spaces-design GitHub Wiki

The Export Modal dialog can be opened with a menu shortcut (CMD+E) or by clicking the Export icon in the document header.

• This dialog represents an overview of all configured export assets for the current document
• The assets are split into two sections: Artboards on the left, non-artboard layers on the right
• Artboards must be non-empty to appear in the list
• Each listed layer/artboard displays a list of the scales at which assets are currently configured
• A checkbox to the left of each layer/artboard will enable/disable that layer for inclusion on a "export all" batch
• Additionally, at the top of each list is a checkbox that will quickly enable/disable all items in that list
• The "Prefix" checkbox will include a three digit prefix in the resultant filename of each artboard. This is useful for sorting artboard export assets by "position" instead of Z-index. The artboards are sorted in a grid: left-to-right, top-top-bottom.
• The "Export" button (bottom right) will export all "checked" layers and artboards. This first asks the user (via an OS folder chooser dialog) for the folder into which the exported assets should be saved.
• The user may exit this dialog by: clicking outside the dialog, or by pressing ESC key.