How to create Custom Products in your mood board

This article will show you how to turn any image into a custom product card that you can design and space plan with in your Canvas mood board.

Even though we have an extensive Products library, sometimes your design has a unique or custom product not found in our catalog. However, you'd like that product to have the same data-enriched characteristics so you can design, space plan and add to your schedule just like those products in our database. Well, it's easy to create a custom product card from any image.

Creating Custom Product Cards

  1. Create a new Canvas or open an existing Canvas.

  2. Find the image of the product you'd like to create a custom product card.

  3. Copy-paste or drag & drop that image into your Canvas board.

  4. Hover over the image and right-click to open up the Features Menu.

  5. Select Create Product.

  6. The Product Card window will open up on the right side of your Canvas so you can add details about your product.

  7. NOTE: If the Product Card window does not automatically open up, then hover over the image, right-click to open up the features menu and select View Product Details.

Product Card Details

Complete the information related to your product in the Product Card window. Typical information would be Manufacturer, Product Name, Size, Material and List Price.

The information you input into the Product Card will appear when you select the Card view. NOTE: The Card view is the third icon you can select when toggling between the different views for you product.

Adding a Drawing

There are a couple of different options for you to add a drawing to your custom product. After adding your drawing, click on the X in the upper right-hand corner to close the Drawing Editor and return to your Canvas.

Freehand Drawing - for basic or simple shapes:

  • Click on the + or Edit under Drawing to open up the Drawing editor.

  • Select one of the options in the Drawing toolbar to draw a basic shape like a circle or ellipse, poly-line, or rectangle.

  • Adjust and recolor the line weight and drawing fill as needed.

Import Drawing - for when you have a vector line drawing available:

  • Click on the + or Edit under Drawing to open up the Drawing Editor.

  • Click on the Import Drawing button at the top right of the Drawing Editor window.

  • Click to upload or drag & drop in your drawing file. NOTE: 2D, vector line / simpler drawings work best.

  • A notification will pop up on your screen if the upload was successful.

  • Select the drawing to adjust the scale as needed.

  • Adjust and recolor the line weight and drawing fill as needed (see above graphic).

Select a drawing from our drawing database - for when you want a detailed drawing that you can easily modify:

  • Click on the + or Edit under Drawing to open up the Drawing Editor.

  • Click on the Import Drawing button at the top right of the Drawing Editor window.

Option 1 - General Search through Drawing Database:

  • Use the global Search bar to input a general search through our drawing database. For example, you can input something as vague as "Coffee Table" to search for all drawings of a coffee table. Or, you can input something more specific like the product name or manufacturer.

  • A filtered list of drawings will appear. Click on the drawing you like and that will import the drawing into the Drawing Editor.

  • Select the whole drawing to adjust the scale, line weight and color and drawing fill as needed (see above graphic).‍

Option 2 - Filter through Drawing Database:

  • Click on the Filter icon and the Filter Menu will pop-up in a separate window.

  • Click on the expand arrow to open the filtering options and select the categories you need to refine your search.

  • Click Clear to close the Filter menu.

  • A filtered list of drawings will appear. Click on the drawing you like and that will import the drawing into the Drawing Editor.

  • Select the whole drawing to adjust the scale, line weight and color and drawing fill as needed (see above graphic).

To open the Product Details of any image:

  • Hover over the image and right-click to open up the Product Side Panel.

  • Select View Product Details.

  • The Product Side Panel window will upon up on the right side of your Canvas.

  • NOTE: You can only edit the details of a product that you have created.

Last updated