Canvas
Master the collaborative content creation workspace in AI SecureChat
Prisme.ai Canvas is AI SecureChat’s powerful collaborative workspace for content creation—keeping all data securely within your infrastructure. It provides a rich environment for drafting, editing, and refining content with AI assistance, whether you’re creating written documents, code, or visual presentations.
Overview
Canvas transforms AI Agents from a conversational interface into a full-featured workspace where you can:
- Create polished documents and content
- Develop and test code
- Collaborate with colleagues
- Get AI assistance throughout the creative process
Key Features
Rich Content Editor
Create formatted text with advanced styling options
AI-Assisted Editing
Get contextual suggestions and assistance as you work
Code Workspace
Develop, test, and visualize code with syntax highlighting
Collaborative Editing
Work together with colleagues in real-time
Multiple Export Options
Save your work in various formats
Version History
Track changes and revert when needed
Content Templates
Start from pre-designed formats for common content types
Seamless Chat Integration
Switch between conversation and Canvas modes
Accessing Canvas
Open Canvas from conversation
Click the Canvas button in the message input area of any AI agent conversation.
Select workspace type
AI detects the type of Canvas workspace you want to open depending on your request.
Options include:
- Document - For text-focused content
- Code - For programming and development
- Visual - For design-oriented content (where available)
Canvas for Non-Technical Users
Canvas provides a rich environment for creating and editing text documents:
Document Creation Features
Canvas offers comprehensive text formatting options:
- Headings and subheadings
- Bold, italic, underline, strikethrough
- Bullet and numbered lists
- Block quotes and code blocks
- Tables and dividers
- Text alignment and indentation
- Font selection and sizing
- Text and background colors
Canvas offers comprehensive text formatting options:
- Headings and subheadings
- Bold, italic, underline, strikethrough
- Bullet and numbered lists
- Block quotes and code blocks
- Tables and dividers
- Text alignment and indentation
- Font selection and sizing
- Text and background colors
Control the structure and appearance of your documents:
- Multiple columns
- Page breaks
- Headers and footers
- Margins and spacing
- Embedded content blocks
- Collapsible sections
- Sidebars and callouts
Enhance your documents with various elements:
- Images and illustrations
- Charts and graphs
- Dividers and spacers
- Embedding links and references
- Call-out boxes and sidebars
- File attachments
- Footnotes and endnotes
Organize complex documents effectively:
- Automatic table of contents
- Section navigation
- Document outline view
- Heading hierarchy
- Page numbering
- Cross-references
AI Assistance for Content Creation
Access AI capabilities through the context menu (right-click or use the ⋮ button):
Intelligent Context Menu
The context menu provides intelligent suggestions based on your selected canvas:
For example:
- When selecting a canvas, you might see options for rewriting or improving
- When selecting a canvas, you might see options for generating content beneath it
- When selecting an canvas, you might see options for completing it
- When selecting a canvas, you might see options for polish it for a final version
Canvas for Technical Users
The Code workspace in Canvas is optimized for software development and technical content:
Code Development Features
The code editor includes:
- Syntax highlighting for multiple languages
- Line numbering and code folding
- Automatic indentation
- Bracket matching
- Error and warning indicators
- Code completion suggestions
- Multi-cursor editing
- Find and replace functionality
The code editor includes:
- Syntax highlighting for multiple languages
- Line numbering and code folding
- Automatic indentation
- Bracket matching
- Error and warning indicators
- Code completion suggestions
- Multi-cursor editing
- Find and replace functionality
Test your code within Canvas:
- Interactive REPL for supported languages
- Output console for viewing results
- Execution environment for JavaScript/TypeScript
- Variable inspection
- Performance timing information
For web development:
- Real-time HTML/CSS/JavaScript preview
- Responsive design simulation
- Interactive elements testing
- DOM inspection
- Console output
Visualize data and concepts:
- Chart and graph rendering
- Data visualization tools
- Diagram generation (UML, ERD, etc.)
- Color pickers and design aids
AI Assistance for Code Development
The specialized context menu for code offers:
Specialized Code Tools
Compare different versions of your code:
- Side-by-side diff view
- Highlighted changes
- Change history tracking
- Conflict resolution assistance
Compare different versions of your code:
- Side-by-side diff view
- Highlighted changes
- Change history tracking
- Conflict resolution assistance
Manage project dependencies:
- Suggest appropriate packages
- Update dependency versions
- Check for security vulnerabilities
- Generate package configuration files
Get help with code troubleshooting:
- Explanation of error messages
- Runtime issue analysis
- Step-by-step debugging guidance
- Fix suggestions for common problems
Multimodal Capabilities in Canvas
When using Canvas with compatible LLM models, you can work with images and visual content:
Working with Images
Import images
Add images to your Canvas workspace using the import button or by pasting directly.
Supported image formats include PNG, JPG, JPEG, GIF, and SVG.
Analyze visual content
Get AI assistance understanding and working with images:
Image analysis capabilities:
- Detailed descriptions of image content
- Text extraction from images (OCR)
- Chart and graph data extraction
- Object and entity recognition
- Visual concept explanation
Edit and transform
Modify images or generate new visual content:
Basic image operations supported:
- Cropping and resizing
- Simple adjustments (brightness, contrast)
- Text addition to images
- Image generation from textual descriptions (with compatible models)
- Basic diagram creation
Collaboration Features
Work together with colleagues in the Canvas workspace:
Real-Time Collaboration (available soon)
Share your Canvas
Invite others to collaborate on your Canvas workspace:
Sharing options:
- View-only access
- Comment access
- Edit access
- Time-limited collaboration
Collaborate in real-time
Work simultaneously with colleagues:
Collaboration features:
- See others’ cursors and selections
- View changes as they happen
- User presence indicators
- Collision prevention
Comment and discuss
Add comments and feedback directly in the document:
Comment capabilities:
- Add comments to any part of the content
- Tag specific collaborators
- Reply to existing comments
- Resolve comment threads
- Comment notifications
Version Control
Exporting Canvas Content
Save your work in various formats for use outside of AI SecureChat:
Document Export Formats
Word (.docx)
Editable Microsoft Word document
Markdown
Text-based markup for maximum compatibility
HTML
Web page format for online sharing
Plain Text
Simple text format without formatting
Code Export Formats
Source Files
Raw source code files (.js, .py, etc.)
GitHub Gist
Share code snippets via GitHub
CodePen/JSFiddle
Interactive web code environments
Markdown
Code with documentation in markdown format
Executable Script
Runnable scripts with appropriate shebangs
Best Practices for Canvas
Start with a Clear Structure
Begin with an outline or template to organize your content effectively.
Use AI Throughout the Process
Leverage AI assistance at different stages, not just for initial generation.
Iterate and Refine
Use multiple rounds of feedback and improvement rather than expecting perfection immediately.
Combine Human and AI Strengths
Provide creative direction and critical thinking while letting AI handle repetitive tasks.
Save Versions at Milestones
Create named versions at significant points to track progress and enable rollback if needed.
Test Code Thoroughly
Use the execution environment to verify that generated code works as expected.
Customize Output for Your Brand
Adapt AI-generated content to match your organization’s voice and style.
Export in Multiple Formats
Save your work in different formats for various use cases and platforms.
Canvas vs. Chat Mode: When to Use Each
Troubleshooting Common Canvas Issues
Next Steps
Now that you understand Canvas in AI SecureChat, explore related features:
Was this page helpful?