1. Help Center
  2. β™Ÿ Planning
  3. Defining Requirements and Editing Properties

Using page designs

Adding a Page Design to an Item

You can start adding page designs to items or create new items and then add the page design. The following explanation describes how to add a page design to an existing Item.

craft-8d1dcf9ff621.intercom-attachments-7.comio13420564871c192f5d806c318d0b258c6BWUE3wGUKkj2-w9in9GRBeSzxmfUb8HY1w26b_rgHA_xPCcd4tRx4paf4GXDRsZ_-1

 

  1. From the 3 dots item menu select Page Design.
    downloads.intercomcdn.comio134203030553c7d346783e5f77d772d50image-1
  2. Select a page design from your computer and click Open (optionally, you can click the relevant icons to upload a page design from your Google Drive or Dropbox account)

    downloads.intercomcdn.comio134203360c9218d93082053b3e5363323image-1
  3.  Note that you can add multiple designs per story.
  4. Your page design is now part of your item and the Add Page Items tool will appear in the lower-left corner. Now you can mark areas of your page and make them actionable items or design annotations.
    downloads.intercomcdn.comio13420322208fd1e88fb7987daf79b3d57image-1
  5. Click the Add Design Annotations button and mark an area of the image:
    craft-8d1dcf9ff621.intercom-attachments-7.comio1342056495299083942cc38b43744c156ut4UX8zy3Yuiu5NhG8sMkKf8ucDZSP23dB43ffIeQjOG7sMyZWaDR1P6-yFfpyHG-1
  6. Once you have marked the area you want, a new window is displayed. Enter the Title and Description and confirm. You can assign the new item to a sprint or team member. If you want to enter more details, such as Importance, Priority, etc. double click the new page story to open it in full editable mode.
    downloads.intercomcdn.comio1342094783a310d39d817a50f927091b3image-1
  7. Once you have completed entering the details of the Design annotations, they will be numbered and will appear under the image in the sequence they were created. 

 

Note: You can update your Design Annotations at any time after creation, just like your regular User Stories. In addition, you can double-click the areas marked on the image, and resize or move the marks.