Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>CloudairyNew to Visual Studio Code? Get it now.
Cloudairy

Cloudairy

Cloudairy

|
106 installs
| (0) | Free
Build, edit, and preview Cloudairy diagrams directly inside Visual Studio Code with an interactive visualization editor.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Cloudairy – AI Diagrams & Architecture for VS Code

Version Installs Rating Platform AI Powered

Create diagrams, architecture visuals, and system documentation directly inside Visual Studio Code using Cloudairy.

Cloudairy brings AI-powered diagram generation and visual system design into the developer workflow so you can design systems without leaving your editor.


Demo

Cloudairy Demo

Generate architecture diagrams, flowcharts, and system visualizations instantly.


Features

AI Diagram Generation

Generate diagrams using natural language prompts. Supported types:

  • Flowcharts
  • Sequence diagrams
  • ER diagrams
  • Mind maps
  • System workflows
  • UML diagrams
  • Architecture diagrams
  • Cloud architecture (AWS, Azure, Kubernetes, Serverless, Microservices)
Create a login authentication flow with validation and database access

Visual Documentation & Export

Create visual documentation alongside your code and export diagrams to the Cloudairy workspace for collaborative editing, presentations, and sharing. Supports PNG, SVG, and PDF export.


Quick Start

  1. Install the Cloudairy VS Code Extension
  2. Open Command Palette: Ctrl + Shift + P
  3. Run Cloudairy: Preview Diagram
  4. Enter a prompt describing your diagram
Create a microservices architecture with API gateway, authentication service and PostgreSQL

Cloudairy generates the diagram instantly.


Commands

Command Description
Cloudairy: Preview Diagram Generate and preview diagrams using AI
Cloudairy: Preview Diagram (Side by Side) Preview diagram in split view

Example Prompts

Cloud Architecture

Generate AWS architecture with API Gateway, Lambda, DynamoDB and S3

Microservices Architecture

Create microservices architecture with gateway, auth service, user service and PostgreSQL

Flowchart

Create a user login workflow with validation and authentication

Sequence Diagram

Generate payment processing sequence diagram between frontend, API and payment gateway

ER Diagram

Generate ER diagram for users, orders, products and payments

Workspace Integration

Diagrams generated in VS Code can be exported to the Cloudairy workspace for collaborative editing, diagram presentations, and team sharing.

Note: Workspace export functionality is available through the Cloudairy platform. Generated diagrams can be shared and exported via the Cloudairy web interface.


Requirements

  • Visual Studio Code v1.74.0 or higher
  • A Cloudairy account is required for workspace features

Privacy

Cloudairy processes prompts and diagram generation requests to provide AI-powered features. See the Cloudairy Privacy Policy for details.


Support

If you encounter issues or need assistance: Cloudairy Help Center | GitHub Issues

Found this extension helpful? Please leave a rating on the marketplace!


License

This extension is proprietary software owned by Cloudairy. Use is governed by the Cloudairy Terms of Service.


Changelog

1.0.0

Initial release.

Added:

  • AI diagram generation
  • Cloud architecture diagrams
  • Flowchart generation
  • Sequence diagrams
  • Workspace export
  • Command palette integration

Cloudairy is an AI-powered visual workspace for creation, collaboration, and system design. Learn more at cloudairy.com.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft