This feature is no longer available in the current version of Photoshop CC. The information in this article applies to earlier versions of Photoshop.
Important: Design Space (Preview) requires Mac OS X 10.10 or Windows 8.1 64-bit OS or higher.
Design Space is currently a Technology Preview. To help shape Design Space (Preview) into the experience you want, give us feedback @psdesign.
For a list of known issues in this release, see Top known issues.
You can find Design Space (Preview) source code at github.
In Photoshop, do one of the following:
Design Space (Preview) is enabled by default. In the unlikely event that options to switch to the Design Space workspace are unavailable, ensure that Enable Design Space (Preview) under Preferences > Technology Previews is selected.
After switching to Design Space (Preview) workspace, select Help > Design Space Introduction for a quick walkthrough of its features and functionality. The introduction is automatically displayed when you switch to Design Space (Preview) for the first time.
A. Toolbar B. Properties C. Layers and Libraries D. Collapse or expand columns
Cmd/Ctrl+click icons marked as D to quickly toggle between the Properties and Layers & Libraries columns.
There are multiple ways of creating a document using Design Space (Preview).
You can also add artboards to your document by clicking the + icons that appear alongside artboards currently in the document. These + icons appear wherever an existing artboard is selected and the canvas can accommodate additional artboards.
The following tools are available in Design Space (Preview):
The first letter indicates the shortcut to use the tool. For instance, the shortcut to use Rectangle tool is R.
Aside from regular selection tasks, the new Select tool is special in allowing you to quickly navigate layer and artboard hierarchies.
Rectangle & Ellipse
Draw shapes. These tools work in much the same way as in standard Photoshop.
Creates a text layer.
Works in much the same way as the Pen tool in standard Photoshop.
While modifying the width, height, or other numeric properties of an object, you can enter math operations to get precise values. For example, 500/3 or 20*4.
Advanced sampler tool. Lets you copy colors, effects, and other attributes. Follow these steps:
Design Space (Preview) features comprehensive search functionality that lets you search across the following items among others:
While searching, you can filter your search results, so that they include only a specific type of items.
Follow these steps:
Design Space (Preview) makes creating masks for images in your project really straightforward.
Create guides in the Design Space (Preview) workspace to work acuurately with design elements.
You can apply transformations to a single layer or multiple layers. To make a transformation, first select an item to transform and then choose a transformation command. While modifying the width, height, or other numeric properties of an object, you can enter math operations to get precise values. For example, 500/3 or 20*4.
You can make changes to the object by modifying the options available in the Appearance panel.
A layer’s overall opacity determines to what degree it obscures or reveals the layer beneath it. A layer with 1% opacity appears nearly transparent, whereas one with 100% opacity appears completely opaque.
A layer’s blending mode determines how its pixels blend with underlying pixels in the image. You can create various special effects using blending modes.
If you use any other blend mode in standard Photoshop, that blend mode is honored in Design Space (Preview) as well.
For more information about what each blending mode does, see Blending modes.
With the help of vector tools, you can use Add, Subtract, Intersect, or Exclude options to modify the current shapes on a layer or combine one or more selected shape layers.
Adds a stroke effect to the selected layer.
Fills the layer’s content with a color.
Adds a shadow that falls behind the contents on the layer.
Adds a shadow that falls just inside the edges of the layer’s content, giving the layer a recessed appearance.
You can now use Creative Cloud Libraries to organize, access, and share your assets from right within the Design Space (Preview) interface. You work with libraries in Design Space (Preview) in much the same way as in standard Photoshop. For more information, see these resources:
You can export artboards, layers, layer groups, or entire documents as PNG, JPEG, SVG, or PDF assets from directly within the Design Space (Preview) interface.
Click the icon to quickly add all available asset types relevant for iOS devices. Similarly, click the icon to quickly add all asset types relevant to HiDPI displays.
While exporting multiple objects as assets, for ease of use, Design Space follows the canvas order of objects instead of their Z-order in the Layers panel. You can also specify multiple export settings via different layer selections and export them all at once by selecting File > Export or clicking the Export icon on the top title bar.