Design Canvas: Interactive Workspace for Project Planning and Design

 

 

Inside the Design Canvas

The CELUS Design Canvas is the workspace within the CELUS Design Studio where you can plan, design and execute your electronics projects seamlessly. It provides all the necessary details to expedite the development of a functional electronic product, ranging from high-level block diagrams to interconnecting multiple functional circuits on a simple whiteboard. Additionally, you can create a Bill of Materials (BoM) for your project and generate the Electronic Design Automation (EDA) files required for building your PCBs, all within a single application. Below is a step-by-step guide on how to build a project from scratch.

When you select the option to start a project from scratch you will be greeted by an empty workspace in the CELUS Design Canvas as shown in the figure below. When starting a project from scratch, you are presented with an empty Design Canvas, with tools available on both sides of the interface to assist in structuring your design.

 

CELUS Design Canvas: 1)Undo/Redo and Resolve button 2)Design Assistant 3)Design Library Panel  4)Error/Warnings Panel  5)Navigation Tabs 6)Canvas Settings 7)View Settings

 

1) Undo/Redo and Resolve button

The Undo/Redo button helps you revert the actions performed in CELUS Design Canvas. The Resolve button is inactive by default. However, if you have the project design ready to resolve, the Resolve button will be active . Once the Resolve button is pressed, you cannot undo the action or revert the changes made on CELUS Design Canvas.

2) Design Assistant

AI-Powered Design Commands (Text to Canvas and Image to Canvas) enables users to generate and refine designs using simple text prompts. Users describe what they need, and the AI materializes their intent directly on the canvas. Users can enter natural language commands to interact with the design tool. AI can place and modify design elements based on user instructions. By refining prompts and accepting AI-generated suggestions, users can rapidly iterate and build designs with ease.

 

Design Assistant: Enter natural language commands

You can continue refining your design by adding more text instructions. If you wish to revert any changes, simply click the Restore button to bring back the previous version of your design.

 

Design Assistant: Iteration of the design with consecutive commands

 

You can also upload images of block diagrams whether drawn on paper or sourced from elsewhere into the Design Assistant. Then, you can ask it to generate projects for you. The AI-based Design Assistant will provide the closest matching project based on your upload.

 

Design Assistant: Image to Project

For additional examples of how the Design Assistant can be used, please visit the page.

 

3) Design Library Panel

The Design Library panel, displays the list of Functional blocks and their categories available for designing an electronics project. To gain more insight into the concepts of functions and their structures, please visit the page. You can also search the name of functionality in the top searching bar, and the search term will be highlighted in grey across blocks within Library Panel. User can close the Library Panel if they tap on the handle, and can re-open it if they tap again on the handle.

 

Library Panel View

 

4) Error/Warnings Panel

When a project fails to resolve in CELUS Design Studio, errors and warnings will appear in the Notifications panel at the bottom of the Design Canvas.

• • The affected functional blocks will be marked with a warning symbol.

  • The Errors/Warnings panel shows the total number of issues.

  • Clicking the error or warning icon will expand the panel to display detailed information about each issue.

This helps you quickly identify problems and understand how to fix them.

 

Error on connection between Microcontroller and Wireless Communications

 

The Errors and Warnings Panel provides actionable feedback when issues occur during project resolution.

• Each entry includes a description of the problem.

• Clicking on a specific error or warning highlights the related element directly on the Design Canvas.

• This makes it easier to troubleshoot and continue your design workflow efficiently.

5) Navigation tabs

Design Studio comprises three stages: Design Canvas, BOM View and Output Files. Once you have completed filling in the details in Project Settings, the CELUS Design Canvas tab will be activated, allowing you to commence the project creation process. Upon resolving the project in the CELUS Design Canvas, the BOM view and Output Files stages will be activated for review.

 

Navigation tab: Design Canvas,BOM View,Output Files

 

6) Canvas Settings

Access the Help Desk within CELUS Design Canvas, as well as in User Profile settings, Project Settings, and Project Share options.

• Help Button: Provides access to CELUS Help Center, Tutorials, Slack community, CELUS Roadmap, and Platform Status.

• Project Settings: Define your project details, including preferred manufacturers, components, technical constraints, and other requirements.

• Share Project: Share the project link with peers or make your project publicly accessible.

 

Share Project: Enable Public sharing of your Project

7) View Settings

The Pan over screen button  which helps you navigate the CELUS Design Canvas workspace. Next to that are the Zoom In and Out buttons, and the Fit to Screen button  in the middle.

---

Configure the design

 

Select the CUBO™

Once your project has been resolved, all Functional Blocks will be populated with at least one matching CUBO™. By default, the CELUS Design Platform automatically selects a recommended CUBO™, marked with a purple CELUS recommended tag. You can explore additional options by clicking See more CUBO options, which will open the CUBO Results screen. Here, you can review alternative CUBOs, examine their schematics and metadata, and select a preferred implementation. If desired, you can lock a specific CUBO™ directly from the results view. Alternatively, you may proceed with the CELUS-recommended option. Once you confirm your selection by clicking Lock in the Settings panel, the button status will update to Locked, and the label will change to Selected by you, indicating that a user-defined selection has been made. For a detailed walkthrough of the CUBO™ Results interface and further selection mechanisms, refer to the chapter titled Select CUBO™.

 

1) CUBO recommended by CELUS 2) Locked the selected CUBO™ 

 

Delete / Duplicate a Functional Block

To Delete or Duplicate a Functional block, first, you need to right-click on the Functional block. Then select Delete to remove the Functional Block or select Duplicate to create another copy of the Functional Block.

 

Delete / Duplicate a Functional Blocks

 

Move or Resize Functional Block

To move a block in Canvas, first, you need to select the block by left-clicking with the mouse. Once the block is selected, a drag icon  appears, indicating that the block is ready to be moved.

You can resize the block by selecting the resize icon shown in the figure below, located at the corner of the block, and dragging it across the grid.

 

Resize Functional Block

 

Adding Ports to Functional Block

Establishing connections on CELUS Design Canvas between Functional Blocks is facilitated by Ports and Links.To start, add Ports to a Functional Block by clicking on it. This will display the Add Ports button with a plus icon on all four sides. You can add Ports to any side of the block, depending on the desired connection direction. Clicking the Add Ports button creates a Port on the corresponding side, and additional Ports can be added by clicking the icon again.

 

Adding Ports to Functional Block

 

Connect Functional Blocks via Links

To connect two Functional Blocks in the CELUS Design Canvas, use Links which act as virtual wires between CUBOs. Start by adding ports to both the transmitter and receiver blocks. Then, hover over a port until a crosshair icon appears. Left-click on the port and drag it toward the destination port.

A Link is created when the cursor at the connection end turns Yellow. Left-click on the receiver port to finalize the connection. The Link will turn Blue, indicating a successful connection.

 

Connecting Functional Blocks using links

 

Branch and Move Links

To establish a T-connection or a Star Connection from a Link, first, you need to click on an existing Link from which you want to branch out. Then, the Branch Link icon  appears on the Link. Left-click and drag from the icon to branch out the Link and go to the Port where you want to establish the connection.

 

Establishing T-Connection among Functional Blocks

 

 

To refine your project design, you can easily rearrange links after establishing connections using the Move Link feature. First, left-click on the link segment you want to move. Once the plus icon appears, click it, and a dark round icon will indicate that the link is ready to be moved. Then, left-click on the round icon and drag it in the desired direction. As shown in the figure below, ports are highlighted to facilitate establishing connections.

 

Moving Links in Design Canvas

 

Link Settings and Assigning Ports to Links

In the Design Studio, you can resolve your project without assigning ports to links, as the AI will automatically match ports based on your Functional Block requirements. However, if you want to specify port connections between blocks, you should configure the Link Settings. To do this, directly click on the desired link. 

 

Delete / Manage Settings on Link

 

This will open the Link and Port Settings window on the right side of the canvas. In this window, select the Port Type and choose the required port by typing it in the search bar or scrolling through the list.

 

Link Settings: 1) Click on the Interface search bar 2) Select the Interface from the drop-down list or type and search 3) Apply updates

 

After selecting the port, click Apply updates. Under Available ports, you will see the Port numbers representing both ends of the selected Link. If the Link has more branches, you will see more Port numbers listed.

Place Port Labels

After you assign the Ports to the Link and enable the Show Label button, the Port name will appear under the Link. To move the Port Label, first left-click on it until a drag icon appears. Then, drag the label to your preferred position. The Port label's movement is constrained to the direction of the Link Segment. It moves vertically if the Link segment is vertical and horizontally if the Link segment is horizontal.

 

Repositioning Port Label

 

Resolve Project

Projects you create with Design Assistant, along with any changes you make (such as connecting functional blocks, assigning ports, and adding labels), are automatically saved by the CELUS Design Studio.

To complete your project resolution:

1. Click the Resolve button on Canvas's top ribbon.

2. Wait a few seconds while the system processes your design.

3. A purple icon will appear in the top-right corner of each functional block, showing that the resolution was successful.

4. Once resolved, the CUBO Results page on the Design Canvas will display the generated CUBO™ solutions for each block.

 

Resolving Project: 1)Before Resolve 2)During Resolve 3)Successful Resolve

 

1) Before Resolve 2)CUBOs found after Resolve 3)Select and Locked the CUBO 4)Unlocked the CUBO