What is DesignPlus?

DesignPlus by Cidi Labs is a powerful set of tools that enhances course design within the Canvas LMS. It enables instructors and course developers to build engaging, visually consistent, and easy-to-navigate content—no coding required.

By streamlining the design process, DesignPlus supports the creation of multimedia-rich pages, interactive features, and cohesive layouts that improve the overall student experience in online learning environments.

What You Can Do with DesignPlus

  • Creating a Home Page: Personalize your course homepage with welcoming, easy-to-navigate content and consistent design elements.
  • Backgrounds & Templates: Use templates and page backgrounds to create cohesive, branded content with clear visual structure.
  • Content Blocks: Organize content in reusable blocks for modular, flexible page layouts that are easy to update or move.
  • Accordions, Expanders, & Tabs: Add interactive elements to reduce scrolling and improve content navigation—each tool suits different content types.
  • Columns: Use 2-3 column layouts to visually organize content, improve readability, and enhance page accessibility.
  • Embedding Content: Embed videos and tools (like YouTube, Yuja, Google Forms) to keep students engaged directly on the page.
  • Accessibility & Usability: Use the sidebar’s built-in checkers to fix issues like missing alt text, color contrast problems, and improper heading structure.

How to Activate DesignPlus in Canvas

This quick walk-through shows you how to activate DesignPlus in your Canvas course.

How to Activate DesignPlus in Canvas

  1. Go to a Page in Canvas
    Navigate to any page within your course where you want to use DesignPlus.
  2. Click “Edit”
    Open the page editor by clicking the Edit button in the top-right corner.
  3. Use the Keyboard Shortcut to Launch DesignPlus
    DesignPlus does not launch automatically when you click "Edit." You need to use the keyboard shortcut to open the Design Tools Sidebar
  4. Click the Rocket Icon (Launch Design Tools)
    You should see a small rocket icon 🚀 in the top-right corner of the Rich Content Editor. This icon launches the DesignPlus sidebar.
  5. Launch the Design Tools Sidebar
    After using the shortcut or clicking the icon, the sidebar will open, giving you access to templates, styling tools, and more.

DesignPLUS Keyboard Shortcuts

PC Users (Windows)

Mac Users

Alt-Shift-D

Option-Shift-D


Resources

Resources

Screenshot of Lesson Cover Page

DesignPlus in Action