ArchiDiagram Web App is officially launched! Unlock your creativity with our cloud-based architecture diagramming tools. LEARN MORE
⚑ 100% Web-Based β€’ No Installation

The Ultimate Architectural Diagramming Tool

Generate instant site context, perfectly accurate sun paths, and animated diagrams in seconds. The power of pro software, right in your browser.

Express Mode Auto-Setup

⚑ NEW: FREE Express Mode

Total Automation in 1 Click

Say goodbye to manual configurations! Simply enter your project's address and let Express Mode instantly generate a fully optimized solar and wind diagram completely for FREE. We automatically sync with NASA climate databases to provide highly accurate, location-based wind arrows and weather data, saving you 90% of setup time.

πŸ“± Works Everywhere

Touch-Optimized for iPad & Tablets

Design on the go. Archi Diagram Web App is fully optimized for touch displays. Pan, zoom, and draw seamlessly on your iPad without installing any software.

3D Context Buildings

Terrain Contours

1

1-Click Context Map & Topography

Stop wasting hours modeling surroundings. Simply type an address, and ArchiDiagram instantly fetches perfectly scaled 1:1 satellite maps, 3D context buildings, terrain elevation, and contour lines for your site.

Auto-Generate by Location

Customizable Styles

2

Automated Sun Path & Shadows

Get 100% physically accurate solar analysis anywhere on Earth. The sun path dynamically updates based on your coordinates and auto-adjusts for Timezones and Daylight Saving Time. Fully customize the look to match your presentation style.

Interactive 3D Objects

3

Lightning-Fast Diagram Symbols

Drag and drop from our expanding library of dynamic, architectural-grade symbols. Add wind arrows, compasses, and annotations instantly. Modify scale, shape, and color on the fly with buttery-smooth transitions.

Viewport & Visual Settings

4

Total Visual Control

Tailor the 3D viewport to your exact presentation needs. Instantly switch between Light & Dark themes, customize background colors, toggle grid lines, and manage on-screen HUD notes with absolute precision.

Render Cinematic Videos & PDFs

5

One-Click Cinematic Export

Ready to present? With just a click, automate the final product. Render stunning high-res images, PDFs, or even cinematic 360Β° video fly-throughs with animated shadows directly from your browserβ€”no external rendering engines needed.

πŸ“š STEP-BY-STEP GUIDES

Learn & Master

Follow our step-by-step tutorials to master site analysis, solar studies, and architectural diagrams in minutes.

Urban Context Diagram

Urban Context Diagram

Create site diagrams for flat urban areas with surrounding 3D buildings.

Complex Terrain Analysis

Complex Terrain Analysis

Generate site analysis diagrams for mountainous and complex topography.

Shadow & Daylight Study

Shadow & Daylight Study

Architectural microclimate and shadow study. Inspect seasonal solstice shadows, daylight ingress, and solar exposure across building facades.

Knowledge Base

Comprehensive Features Guide

Master every tool, slider, and setting in the ArchiDiagram Web App.

Explore Knowledge Base →
🎨 INSPIRATION

Sample Projects Created with Archi Diagram App

Explore professional diagram examples created entirely within our web platform.

Frequently Asked Questions

Everything you need to know about the Archi Diagram Web App.

Do I need to install any software?
No, you do not need to install any heavy 3D software or plugins. You can simply open Archi Diagram directly in your web browser.
Is it free to use?
Yes! We offer a powerful Free version. While it has some limitations (like a maximum of 15 placed symbols and limited sunpath months), it is absolutely not useless. The Free tier is incredibly robust and packs more than enough power to instantly generate context maps and jumpstart your professional architectural presentations.
How does it differ from your SketchUp plugins?
While our beloved SketchUp plugins (Sun Diagram, Dynamic Symbols, Shadow Slice) are designed for deep, integrated modeling workflows within SketchUp, the Web App is a standalone platform focused on rapid presentation, instant map context generation, and accessibility from any device (even an iPad!).
Can I import my own custom 3D models?
Absolutely! PRO users can upload their own 3D project models in .glb or .gltf formats (exported in Meters). Even better, once imported, you can edit materials, change colors, adjust opacity, and toggle wireframe edges directly within the Web App. Free users can build diagrams using the built-in library of basic shapes.
Can I add context elements like trees or people?
Yes, but to maintain a clean architectural aesthetic, the Web App's Dynamic Symbols library provides highly simplified, abstract versions of these elements (like ghosted trees or basic massing blocks). You can also drag and drop professional wind analysis arrows and 3D text pins to annotate your diagrams instantly.
Need deeper understanding of the Web App?
To get a deeper understanding of all features and workflows, please ask our AI Assistant directly inside app.archidiagram.com. The bot is fully trained on our entire technical knowledge base and can answer any questions instantly!
How do I align the satellite map with my 3D model?
You never have to manually rotate your 3D model! Just use the True North (North Offset) slider in the Location tab. This seamlessly rotates both the Sunpath and the precise 1:1 Satellite Map background around your fixed model, perfectly aligning the real-world map with your project's orientation.
Does the solar analysis account for Daylight Saving Time?
Yes, the app handles this fully automatically! Based on your location, it detects the exact local timezone and DST rules. The UTC offset for specific months is even visually represented directly on the 3D Sun path diagram, ensuring 100% real-world accuracy for your shadow analysis.
How large of an area can the Context Map cover?
The map uses a strict 1:1 real-world scale and loads a high-resolution 1280x1280 pixel image. To cover a larger physical radius (e.g., city scale vs. block scale), simply decrease the Zoom Level (zoom out) so that each pixel covers more real-world meters.
Can I export high-quality images and videos?
Absolutely. You can render and export high-quality JPGs (up to 5K resolution), PDFs, and Cinematic Video animations directly from your browser without needing any third-party rendering software.
Can I save my projects to work on them later?
Yes! By logging in with a Google or Email account, you can securely save your projects to the cloud. Free accounts get 30MB of storage, while PRO accounts get 300MB. You can also share your projects publicly with a simple link!

Ready to elevate your presentations?

START CREATING FOR FREE