×

Craft Data for Photoshop

Craft Data for Photoshop on Mac brings text and images to your prototype, adding a realistic component without having to create your own mock data.

With Craft Data you’ll be able to:

  • Use the Type tab to insert realistic placeholder text rather than Lorem Ipsum.
  • Use the Photos tab to replace layers with images from Unsplash, Dropbox, or a local folder.

Note: Before using Craft Data, you must install Craft Manager and enable the Craft tools in Photoshop.

Using the Type tab

You can use the Type tab to insert realistic placeholder text like headlines, email addresses, or entire articles.

Inserting placeholder text

To insert placeholder text:

  1. Select the text layers you want to replace with simulated data. Select only those layers you want to replace with a particular type of data (for example, email addresses).
  2. Click the Data icon (data-icon.png), and then click the Type tab.
  3. Click a type item (Headlines, Article, etc.), and then click a category (Advertising, Beauty, etc.).

The placeholder text should now be inserted into your project.

data-inserting-placeholder-text.gif

Adding a new type item

If you’re looking for particular type item and you can't find it (for example, phone numbers), you can add a new item.

To add a new item:

  1. Click the Data icon (data-icon.png), and then click the Type tab.
  2. Scroll down, hover over the empty field, and click Add item.
  3. Click the desired item.

You will now be able to use that type item to insert placeholder text.

Creating a custom type item

If you need to use custom data for placeholder text, you can create a new type item and upload your own text.

To create a new type item:

  1. Click the Data icon (data-icon.png), and then click the Type tab.
  2. Scroll down, hover over the empty field, and click Add item.
  3. Click Add Custom.
  4. Enter an item name, choose a symbol, and paste in your text.
    Note: Only one text item should exist on each line.
  5. To enable randomization, uncheck the box Preserve Order.
  6. Click Save.

You will now be able to use the custom type item to insert placeholder text.

create-custom-type-item.gif

Using the Photos tab

Using the Data tool, you can insert placeholder images into your prototype from Unsplash, Dropbox, or a local folder.

Inserting placeholder images

To insert placeholder images:

  1. Select the layers where you want to add an image.
  2. Click the Data icon (data-icon.png), and then click the Photos tab.
  3. To insert a photo, click the Unsplash button, and then click the All Photos drop-down.
  4. Choose the desired category and click Place Photos.

insert-placeholder-images.gif

You can also insert images from a local folder or Dropbox. To upload from a local folder, click the Folder button, choose the correct folder from your computer, and click Place Photos.

To upload from Dropbox, click the Dropbox button, paste in the URL, and click Place Photos.

Adding a new photo item

If there is a particular photo category that you want to access frequently and quickly, you can add it as a new item.

To add a new photo item:

  1. Click the Data icon (data-icon.png), and then click the Photos tab.
  2. Hover over an empty field and click Add item.
  3. Name the item and select a symbol.
  4. In the first drop-down, click Unsplash. In the second drop-down, click your desired category.
    Note: You can also choose to upload from Dropbox or a local folder. To do so, paste in the appropriate Dropbox link or select the correct folder on your computer.
  5. Click Save action.

add-new-photo-item.gif

To use your new photo item:

1. Select a layer in your file.
2. Click the Data icon (data-icon.png), and then click the Photos tab.
3. Click the new photo item name.

An image will automatically be inserted into your file.


Getting Started: Craft (
)

Craft Data for Photoshop

Prev