Zum Loslegen bitte einmal anmelden — Magic-Link per E-Mail.
Wir senden dir einen Magic Link per E-Mail. Klicke den Link in der
Mail — du wirst automatisch eingeloggt. Kein Passwort nötig.
🎨 Eigenes Design erstellen
🎨 Visions-Board — Ideen & Vorbilder
Lade Inspirationsbilder, Skizzen oder Referenzfotos hoch. Erstelle dann einen Teilen-Link der das gesamte Projekt + Bilder enthält.
+
✓ Link erstellt — jetzt kopieren und teilen:
📸 Visualisierung — hochauflösende Renderings
Wählt Perspektive + Auflösung. Download als PNG. Empfehlung: 2K für Mail, 4K für Print.
📦 Packliste
Lade…
👥 Teams
Teams ermöglichen Multi-User-Editing mit Rollen. Das aktuelle Projekt kann einem Team zugewiesen werden,
dann sehen alle Team-Mitglieder das Projekt. Rollen: admin (invite+remove), editor (schreiben), viewer (lesen).
Lade…
Erhältst du einen Invite-Link, öffne ihn — das Tab & dieser Dialog starten automatisch und du kannst beitreten.
Alternativ die Team-ID aus dem Link (Query-Parameter ?team=…) hier einfügen:
Beim Beitreten wirst du mit Rolle viewer aufgenommen. Der Team-Admin kann deine Rolle später anpassen.
💾 Aktuelles Projekt als Vorlage speichern
Die Vorlage wird in deinem Account gespeichert und erscheint im Template-Modal unter „Meine Vorlagen".
❓ Hilfe & FAQ
🩺 App-Selbsttest
Klick „Jetzt prüfen" um alle Major-Features (Bridges, Catalog, Compliance, Modals, Right-Panel-Tabs, Exports, BIM) im laufenden Browser zu verifizieren.
Unten schnelle FAQ-Antworten. Vollständiger User-Guide auch auf GitHub.
🌿 Erste Schritte
Klick auf 📋 Vorlagen (Topbar) für fertige Mari-Jane/Messe/CSC-Layouts. Oder ⬜ Raum zeichnen im Mode-Pill-Bar unten und diagonal über den Grundriss ziehen. Katalog-Items werden aus der linken Sidebar auf den Plan gezogen.
🌿 KCanG-Compliance
🌿 KCanG-Button oben öffnet das Dashboard. Pflicht-Felder: Mitgliederzahl (<500), Adresse (§13 POI-Check), Präventionsbeauftragter (§23), Sichtschutzfolie (§14). Die Live-Regel-Liste zeigt 21 KCanG-Regeln mit ✅/❌/⚪-Status + Gesamt-Score.
🎪 Messestand planen
Vorlagen-Modal → Chip auf Mari-Jane / Dmexco / Boot / Gamescom. Template setzt maxHeight (2.5 / 4 / 5 m) automatisch → Höhen-Regel fährt hoch. Messe-Items in der Kategorie „🎪 Messe" (Rückwand / Roll-up / Counter / LED / Flag). Bild-Upload via Property-Panel für bedruckbare Oberflächen.
☁ Cloud-Save & Login
Rechte Sidebar → 💾 Projekte → 🔑 Einloggen → Magic-Link per Mail. Access-Token lebt 1 h, wird alle 5 Min still erneuert (Refresh-Token ~2 Wochen). ☁ Auto-Cloud-Save (Datei-Menü) debouncet 3 s.
📤 Export (DXF / PDF / CSV / …)
Projekt-Panel → Export-Collapse. DXF hat 5 farbige Layer (ROOMS/GROUNDS/OBJECTS/FREE_WALLS/MEASURES). CSV liefert Detail- + Aggregiert-Block für Lieferanten. 📸 Hochauflösende Visualisierung erzeugt PNGs aus 4 Kameras (HD/2K/4K).
⌨ Tastenkürzel
Strg+Z Rückgängig · Strg+Y Wiederholen · Del Löschen · R Drehen ·
H Hilfe · Z Zoom auf Selektion · ESC Cancel / Close ·
Leertaste+Drag Pannen · Strg+S Speichern · Mausrad Zoom
KCanG-Dashboard
Projekt-Metadaten + Live-Compliance-Check. Alle Felder speichern automatisch.
Projekt-Metadaten
Compliance-Status
—
Erweiterte Parameter (Audit-Round-2)
💰 Messe-Kostenschätzung
Lade…
⚠ Heuristische Schätzung — reale Kosten hängen von Messe, Halle, Anbieter und Verhandlung ab. Defaults aus src/config/defaults.ts.
📋 Vorlagen — CSC-Layouts + Messestände
Filter oben wählen. Klick auf Karte lädt Vorlage (bestehende Räume werden ersetzt).
💰 Möbelbudget
Gesamt0 €
📋 Änderungs-Protokoll
📊 Flächenaufteilung
🧱 Materialmengen-Rechner
Berechnet Bodenfliesen, Wandfarbe und Bodenbelag basierend auf deinen Räumen.
VERSCHNITT
🏠 Smart Home Planung
Steckdosen, LAN, WLAN und KNX auf dem Grundriss markieren.
🔌 Steckdose
🌐 LAN-Dose
📶 WLAN-AP
📷 IP-Kamera
🌡 Sensor
💡 Schalter
Klicke auf den Grundriss um Elemente zu setzen. Rechtsklick auf Markierung = löschen.
📅 Zeitplan — Umbaumaßnahmen
🔀 Lageplan-Vergleich
🔵 Aktuell
🟠 Vergleich
⏱ Wartezeit-Simulation
Simuliert die durchschnittliche Wartezeit bei deiner Ausgabestation.
Ebenen
🛋 Möbel
🧱 Wände
🔒 Sicherheit
💡 Beleuchtung/Technik
🏠 Smart Home
📏 Maßketten
🔴 Kollisionswarnung
🌑 Schatten 2D
🎨 Darstellungs-Einstellungen
🌗 Dark/Light Mode
📝 Beschriftungs-Schriftart
System
Georgia
Mono
Arial
Times
Impact
13px
🧭 Nord-Pfeil
Grid Snap
💧 Wasserzeichen auf Exporten
📦 Räume gruppieren
Fasse mehrere Räume zu einem Bereich zusammen (z.B. "Ausgabe-Zone", "Personal-Bereich").
💬 Gespeicherte KI-Gespräche
🧯 Brandschutz-Berechnung
Nach DIN EN 3 / ASR A2.2 — automatisch basierend auf deinen Räumen.
🔊 Akustik-Planung
Nachhallzeit nach Sabine-Formel schätzen.
Bodenbelag je Raum
⚡ Energie-Check
Stromverbrauch, Heizungsbedarf und Einsparungen.
🧹 Reinigungsplan
Zeitaufwand und Häufigkeit basierend auf Raumtyp und Fläche.
📋 Inventarliste
ObjektSeriennummerNotizen
🚚 Lieferwege & Raumrouten
Optimale Route vom Lager zur Ausgabe und Versorgungswege.
Höre zu…
📋 Einrichtungs-Assistent
🌿 Dashboard — Projektübersicht
✅ Aufgaben
💬 Eigene KI-Befehle
⌨ Tastenkürzel anpassen
🌿
Willkommen!
🏆
Badge freigeschaltet!
0ausgewählt
⌨ Alle Tastenkürzel
Allgemein
BefehlspaletteCtrl+K
AnleitungH
StatistikI
Diese Übersicht?
RückgängigCtrl+Z
WiederholenCtrl+Y
SpeichernCtrl+S
KopierenCtrl+C
EinfügenCtrl+V
Werkzeuge
AuswählenV
Raum zeichnenR
Wand zeichnenW
Maß setzenM
LinealL
NotizN
Einpassen (Fit)F
Objekte
DrehenR
LöschenDel
Zoom auf AuswahlZ
Fein verschieben↑↓←→
Grob verschiebenShift+↑↓
Multi-SelectShift+Klick
3D GrabG
🏆 Errungenschaften
📈 ROI-Rechner
♿ Rollstuhl-Ansicht aktiv (Sichtfeld +90cm Bodenhöhe)
🧭 Geführter Modus
1. Räume
2. Einrichten
3. Prüfen & Teilen
🍂 Saison-Layouts
Speichere unterschiedliche Layouts für verschiedene Saisons oder Szenarien.
🖨 Druckvorschau
0%Score
🔗 Wähle jetzt den zweiten Raum für automatische Tür-Verbindung
🧴 Hygiene-Konzept
🧱 Wandtextur wählen
🎨 Material & Textur Studio
🟫 Bodenmuster
🧱 Wandtextur
🏠 Deckenstil
✨ Effekte
🌿 Willkommen bei CSC Studio Pro
Kurze Einführung — 1 Minute · jederzeit über ❓ wieder öffnen
01
Raum zeichnen
Klicke oben auf ⬜ Raum zeichnen und ziehe diagonal über den Grundriss — fertig ist ein Raum.
Für einzelne Wände: 🧱 Wand zeichnen → Punkt A klicken → Punkt B klicken. Wände docken automatisch aneinander.
💡 Tipp: Doppelklick auf einen Raum öffnet seine Eigenschaften (Name, Farbe, Textur)
02
Möbel platzieren
Im linken Panel auf 🛋️ Möbel klicken. Objekte aus dem Katalog auf den Grundriss ziehen oder anklicken.
In der 3D Ansicht kannst du das Ergebnis realistisch betrachten — mit 🚶 Durchgehen läufst du durch den Raum.
💡 Tipp: R = drehen · Del = löschen · Ctrl+Z = rückgängig
03
KI-Assistent nutzen
Rechts auf 🤖 KI-Assistent klicken.
📎 Grundriss hochladen (PDF/Bild) → KI erkennt Räume automatisch 💬 Oder beschreiben: „Empfangsraum 8×6m mit Ausgabetheke" 🔒 „Erstelle ein Sicherheitskonzept"
💡 Der KI-Assistent ist aktiv — kein eigener API Key nötig
04
Design anpassen
Rechts auf 🎨 Design klicken für Stil-Presets (Rustikal, Industrial, Skandinavisch…)
Etagen anlegen, umbenennen, Höhen anpassen. EG ist immer Anker (zOffset=0).
Eigenschaften
Info
Objekt
🎬 3D-Rundgang
🌿 CSC Einrichtungsassistent
🤖 KI-Grundriss erkennen
🖼
Grundriss hier ablegen oder klicken
JPG, PNG, PDF · KI erkennt Räume automatisch
📌 Annotations-ModusKlick in 3D = Kommentar setzen
🛋
🤖
✋
CSC Studio Pro
1/4
🌿 CSC Studio Pro — Vollständige Anleitung
v2.8.2
🔥 Schnellstart
📸Foto → Ausgabestelle
Grundlagen
🚀Schnellstart
🖥Oberfläche
⌨Tastenkürzel
Grundriss
⬜Räume zeichnen
🧱Wände & Öffnungen
🏢Mehrere Etagen
📏Maße & Abstände
Einrichtung
🛋Möbel platzieren
🚪Türen & Fenster
🔒Sicherheit
✏Eigene Objekte
3D & Design
🏗3D-Ansicht
🎨Design & Stile
💡Beleuchtung
KI-Assistent
🤖KI Grundfunktionen
🖼Grundriss analysieren
✨Möbel-Assistent
🌿CSC-Funktionen
Speichern & Teilen
💾Speichern
☁Cloud (Supabase)
🔗Teilen & Export
📌Versionsverlauf
CSC-spezifisch
📋KCanG Anforderungen
👥Kapazitätsplanung
🚨Flucht- & Rettungsplan
📸 Foto → Fertige Ausgabestelle
Der schnellste Weg — KI erkennt deinen Grundriss automatisch
⚡ In 5 Minuten zur fertigen Ausgabestelle
1
Grundriss fotografieren oder als PDF haben
Kann ein Foto des Bauplans, ein Screenshot, eine Handskizze oder ein PDF sein.
Je klarer, desto besser die Erkennung.
2
Datei-Menü → "🤖 KI: Grundriss aus Foto"
Bild per Drag & Drop einwerfen oder auf das Feld klicken.
Maßstab auswählen (oder "Automatisch") → Gebäudetyp "CSC / Ausgabestelle".
3
"Möbel automatisch platzieren" anhaken → Erkennen klicken
Die KI analysiert das Bild und erstellt alle Räume mit realistischen Maßen (10–30 Sek.).
4
Ansicht → "Türen automatisch setzen"
Verbindet alle angrenzenden Räume mit Türen.
5
Rechtsklick auf einzelne Räume → "Möbel auto-anordnen"
KI möbliert jeden Raum passend zur Raumfunktion (Ausgabe, Lager, Sozial…)
Was die KI erkennt
Alle Räume mit Maßen (Türbreite ≈ 1m als Maßstab)
Raumfunktionen aus Beschriftungen oder typischen Proportionen
Eingänge, Treppen, Sanitärräume aus dem Grundriss
Fensterpositionen wenn sichtbar
Tipps für beste Erkennung
✅ Gerade fotografieren — nicht schräg, kein Schatten
⚠️ Bei Handskizzen: deutliche Linien, Raummaße draufschreiben
Nach der Erkennung
Räume können per Doppelklick umbenannt werden
Größen per Drag an den Ecken anpassen
Zusätzliche Räume über Quick-Rooms-Bar hinzufügen
KI-Chat für weitere Einrichtung nutzen
💡 Alternativ ohne Foto: KI-Chat → schreibe
"Erstelle eine CSC-Ausgabestelle: Empfang 8×6m, Ausgabe 6×5m, Lager 5×4m, Sozial 10×8m, WC 3×3m"
— alles wird sofort aufgebaut.
🚀 Schnellstart in 5 Minuten
Von leer zu einer vollständigen CSC-Ausgabestelle
1
Raum zeichnen: Klicke oben auf ⬜ Raum zeichnen, dann diagonal über den Grundriss ziehen. Beim Loslassen entsteht ein Raum. Doppelklick auf den Raum → Namen und Farben anpassen.
2
Mehrere Räume: Wiederhole Schritt 1 für alle Bereiche: Empfang, Ausgabe, Lager, Sozialbereich, WC. Räume docken automatisch aneinander wenn du sie nah genug platzierst.
3
Möbel einrichten: Linke Sidebar → 🛋 Möbel. Objekt aus dem Katalog klicken → wird auf dem Grundriss platziert. Ziehen zum Verschieben, R-Taste zum Drehen.
4
Türen & Fenster: Linke Sidebar → 🔨 Bau. Tür oder Fenster in der Nähe einer Wand platzieren → Wand wird automatisch aufgeschnitten.
5
3D ansehen: Oben rechts auf 3D Ansicht klicken. Linksklick + Ziehen = Drehen. Scroll = Zoom. Rechtsklick + Ziehen = Verschieben.
6
Speichern:💾 Speichern Taste oben — oder automatisch: Der Planer speichert nach jeder Änderung automatisch im Browser.
💡 Tipp: Nutze den KI-Assistenten (rechts oben → 🤖) und schreibe einfach: „Erstelle eine vollständige CSC-Ausgabestelle mit Empfang, Lager und Sozialbereich" — die KI baut alles automatisch auf.
🌿 Klicke auf 🌿 CSC in der Toolbar um die gesetzliche KCanG-Checkliste und die Kapazitätsberechnung zu sehen.
🖥 Die Oberfläche
Überblick über alle Bereiche und Bedienelemente
Toolbar (oben)
↩ Undo / ↪ Redo — bis zu 50 Schritte rückgängig/wiederholen
Neu — Neues leeres Projekt starten
💾 Speichern — Manuell im Browser speichern (mit Name)
📂 Öffnen — Gespeichertes Projekt laden
📥 Export — Als .json-Datei herunterladen
🖨 Drucken — PDF mit 3D-Screenshot erstellen
🌅 Stimmung — Beleuchtungs-Preset wechseln
🤖 KI-Möbel — KI-Möbel-Assistent öffnen
📊 — Raumstatistik (I-Taste)
⬜ Offen / 🏠 Decke — Decke ein/ausblenden
✂️ Schnitt — Horizontalen Schnitt durch Gebäude
🌿 CSC — KCanG-Checkliste und Kapazität
🔗 Teilen — Link zum Projekt kopieren
📱 QR — QR-Code für die App-URL
EG / OG — Etagen-Tabs wechseln
Linke Sidebar
🏠 Räume — Liste aller Räume, Eigenschaften bearbeiten
🛋 Möbel — Möbelkatalog nach Kategorien
🔨 Bau — Türen, Fenster, Schaufenster, Folierung, Beleuchtung
⚠ Die KI funktioniert nur über die GitHub Pages URL (https://...), nicht wenn die Datei lokal geöffnet wird (file://).
🖼 Grundriss analysieren
PDF oder Foto hochladen — KI erkennt alles automatisch
Grundriss hochladen
1
Im KI-Chat auf 📎 Datei hochladen klicken.
2
Grundriss als PDF, JPG, PNG oder DOCX auswählen. Mehrere Dateien gleichzeitig möglich (bis 10 Seiten).
3
Nach dem Upload: ↑ Senden oder auf den Chip 🖼 Grundriss analysieren klicken.
4
KI erkennt alle Räume, schätzt Maße, platziert Möbel und baut den Grundriss automatisch auf.
Was die KI erkennt
Raumformen und -größen (Türbreite ≈ 1m als Maßstab)
Raumfunktionen (Beschriftungen, typische Maße)
Eingänge, Treppen, Sanitärräume
Fensterpositionen
💡 Tipp: Je klarer der Grundriss, desto besser die Erkennung. Ein Foto vom Originalgrundriss funktioniert sehr gut.
💡 Nach der automatischen Erkennung kannst du noch sagen: „Füge CSC-spezifische Einrichtung hinzu" um alles passend einzurichten.
✨ KI Möbel-Assistent
Eigene Möbel mit KI erstellen
Neues Objekt erstellen
1
Toolbar → 🤖 KI-Möbel klicken.
2
Kategorie, Material, Größe und Farbe auswählen.
3
Freitext-Beschreibung eingeben: „Moderner Empfangstresen mit Glasfront und Beleuchtung"
4
KI erstellt das Objekt und platziert es automatisch im ersten Raum. Es erscheint unter ✏ Eigene Objekte.
Eigene Objekte verwalten
Linke Sidebar → ✏ Eigene
Objekte können wie normale Möbel platziert werden
Sind dauerhaft gespeichert und in jedem Projekt verfügbar
Bei Supabase-Verbindung: werden für alle Nutzer geteilt
🌿 KI CSC-Funktionen
Speziell für Cannabis Social Clubs
Grundriss optimieren (🔍)
KI analysiert deinen Grundriss auf CSC-Tauglichkeit und gibt Verbesserungsvorschläge zu:
Kundenfluss und Ergonomie
Gesetzliche KCanG-Anforderungen
Effizienz der Raumnutzung
Fehlende Pflichtbereiche
Kosten schätzen (💰)
KI schätzt realistische Einrichtungskosten basierend auf Fläche und Möbeln (Stand 2026).
Barrierefreiheit prüfen (♿)
Automatische Prüfung auf:
Türbreiten (mind. 0.9m für Rollstuhl)
Gang- und Raumbreiten
WC-Verfügbarkeit
💡 Alle diese Funktionen sind auch im 🌿 CSC Panel (Toolbar) auf einen Blick verfügbar.
💾 Speichern & Laden
Lokales Speichern, Export und Auto-Save
Auto-Save
Der Planer speichert nach jeder Änderung automatisch im Browser-Speicher. Beim nächsten Öffnen der Seite wird der letzte Stand automatisch wiederhergestellt.
💡 Beim Laden siehst du eine Toast-Meldung „🔄 Letzter Stand geladen" mit der Zeit seit dem letzten Speichern.
Manuell speichern
💾 Speichern: Speichert unter dem Projektnamen im Browser
📥 Export: Lädt als .json-Datei herunter (Backup)
📤 .json laden: Lädt eine .json-Backup-Datei
Versionsverlauf
Rechts → 💾 Projekte → 📌 Merken klicken
Bis zu 10 Versionen werden gespeichert
Klick auf eine Version → wird wiederhergestellt
⚠ Browser-Speicher kann bei manchen Browsern gelöscht werden (z.B. bei „Verlauf löschen"). Nutze Cloud-Speicher oder regelmäßige .json-Exporte als Backup.
☁ Cloud-Speicher (Supabase)
Projekte online speichern und von überall laden
Supabase einrichten (einmalig)
1
Die Supabase-Verbindung ist bereits eingerichtet und fest eingebunden. Du musst nichts konfigurieren.
2
Falls die Tabelle noch nicht existiert, wird im Chat eine Fehlermeldung mit dem SQL-Code angezeigt. Diesen einmalig in Supabase → SQL Editor ausführen.
Cloud nutzen
Rechts → 💾 Projekte → ☁ Cloud speichern
Projekt wird unter dem Projektnamen gespeichert
Vorhandenes Projekt gleichen Namens wird überschrieben
📂 Cloud laden → zeigt alle gespeicherten Cloud-Projekte
Projekte sind von jedem Gerät abrufbar
💡 Cloud-Projekte sind für alle Nutzer zugänglich die dieselbe Supabase-Verbindung nutzen — ideal für Teams.
🔗 Teilen & Export
Projekt weitergeben und exportieren
Projekt-Link teilen
1
Toolbar → 🔗 Teilen klicken.
2
Link wird in die Zwischenablage kopiert. Link enthält das gesamte Projekt als komprimierte URL.
3
Empfänger öffnet den Link → Projekt wird automatisch geladen.
⚠ Maximale Projektgröße für Link-Sharing: ~50KB. Bei größeren Projekten → Cloud-Speicher nutzen.
QR-Code
Toolbar → 📱 QR → QR-Code für die App-URL wird generiert. Scannen mit Smartphone öffnet die App direkt.
PDF Drucken
Toolbar → 🖨 Drucken → Öffnet Druckvorschau mit 3D-Screenshot, Raumliste und Objektliste.
Flucht- und Rettungsplan
🌿 CSC Panel → 🚨 Fluchtplan → PDF mit Grundriss, Notausgängen, Feuerlöschern und Sammelplatz.
📋 KCanG Anforderungen
Gesetzliche Pflichten für Cannabis Social Clubs in Deutschland
Pflichtbereiche
✅ Ausgaberaum — separate Ausgabestation mit Beratungsmöglichkeit
✅ Sozialbereich — Aufenthaltsbereich für Mitglieder
Sicherheitsanforderungen
🔒 Eingangstür RC2 oder höher (Sicherheitstür)
📷 Videoüberwachung an Eingängen
🔔 Einbruchmeldeanlage
🔥 Rauchmelder in allen Räumen
🧯 Feuerlöscher (mind. 1 pro 200m²)
🚨 Notausgang-Schilder und Notbeleuchtung
Flächenanforderungen
Mindestens 2m² pro Mitglied im Sozialbereich
Ausgabebereich: mind. 2m Abstand zwischen Wartenden
Fluchtwege: mind. 1.2m breit
💡 Der 🌿 CSC Panel (Toolbar) zeigt dir immer den aktuellen Stand deiner Checkliste — grüne Haken = erfüllt, rote Kreuz = fehlt noch.
⚠ Diese Angaben sind eine allgemeine Orientierung. Für rechtsverbindliche Anforderungen bitte das zuständige Ordnungsamt oder einen Rechtsanwalt konsultieren.
👥 Kapazitätsplanung
Wie viele Mitglieder passen in deine Räume?
Berechnung
Der Planer berechnet automatisch nach dem Grundsatz 2m² pro Person (nach KCanG).
Klicke auf 🌿 CSC Panel in der Toolbar um die Kapazität pro Raum zu sehen.
Empfohlene Mindestgrößen
10 Mitglieder gleichzeitig: mind. 20m² Nutzfläche
25 Mitglieder gleichzeitig: mind. 50m² Nutzfläche
50 Mitglieder gleichzeitig: mind. 100m² Nutzfläche
💡 Die Kapazität wird von der Raumfläche minus Möbelfläche bestimmt. Plane großzügig!
🚨 Flucht- & Rettungsplan
PDF-Export für Behörden und Aushang
Fluchtplan erstellen
1
Stelle sicher dass Notausgang-Schilder (🔒 Sicherheit → Notfall) und Feuerlöscher platziert sind.
2
Klicke auf 🌿 CSC Panel → 🚨 Fluchtplan.
3
Es öffnet sich ein Druckvorschau-Fenster mit Grundriss, Notausgängen, Feuerlöschern und Sammelplatz.
4
Auf 🖨 Drucken / PDF klicken → als PDF speichern.
💡 Den Fluchtplan ausdrucken und gut sichtbar an der Eingangstür und in jedem Raum aushängen.