Toolso.AI
Toolso.AI
Alle ToolsKategorienIm TrendNeueste ToolsPreiseBlog
Toolso.AI
Toolso.AI

💌Abonnieren Sie AI Tools Weekly

Wöchentlich kuratierte Auswahl der neuesten und angesagtesten KI-Tools und Trends, direkt in Ihrem Posteingang Abonnieren

Toolso.AI
Toolso.AI

Entdecken Sie die besten KI-Tools, um Ihre Produktivität zu steigern

GitHubGitHubTwitterX (Twitter)YouTubeYouTubeTikTokEmail

Beliebte Kategorien

  • KI-Schreiben
  • KI-Bild
  • KI-Video
  • KI-Programmierung
  • Weitere Kategorien

Entdecken

  • Neueste Tools
  • Beliebte Tools
  • Mehr Tools
  • Tool einreichen
  • Preise

Über

  • Über uns
  • Kontakt
  • Blog
  • Änderungsprotokoll

Rechtliches

  • Cookie-Richtlinie
  • Datenschutzrichtlinie
  • Nutzungsbedingungen
  • Rückerstattungsrichtlinie
© 2026 Toolso.AI Alle Rechte vorbehalten
BefristetZeitlich begrenztHervorgehobener EintragPrüfung in 24 Std. · Kein Backlink · 30 Tage hervorgehoben$29.90danach $59.90Nach dem 31. Okt. steigt der Preis auf $59.90Endet in--:--:--Jetzt einreichen
  1. Startseite
  2. Alle Tools
  3. Website-Generator
  4. Studio.Design
Oberflächenvorschau von Studio.Design
Logo von Studio.Design

Studio.Design

Studio.Design ist ein browserbasierter No-Code-Website-Baukasten von STUDIO Inc. aus Tokio mit visuellem Design-Editor, CMS, Formularen, SEO-Einstellungen und verwaltetem Hosting sowie KI-Werkzeugen und einem separat abgerechneten KI-Website-Generator.

Website-GeneratorDesignwerkzeug#No-Code#SEO#Design
Kostenlos testen
Gespeichert
Besuche
Aufrufe
Preis
Freemium
Veröffentlicht
6. Okt. 2026
Domain
studio.design
Nutzerbewertung

Hast du dieses Tool genutzt? Bewerte es

Dieses Tool bewerten

Studio.Design Produktinformationen

Kostenlos testen
Tool-Informationen
Gespeichert
Besuche
Aufrufe
Preis
Freemium
Veröffentlicht
6. Okt. 2026
Domain
studio.design
Nutzerbewertung

Hast du dieses Tool genutzt? Bewerte es

Dieses Tool bewerten

Empfohlene Tools

Verwandte Tools

Kostenlos testen

Was ist Studio.Design?

Studio.Design (auf den offiziellen Seiten Studio oder STUDIO geschrieben) ist ein No-Code-Website-Baukasten, der im Browser läuft: Sie gestalten Seiten visuell, verwalten Inhalte in einem integrierten CMS und veröffentlichen auf dem Hosting, das das Unternehmen selbst betreibt. Die Startseite bewirbt ihn als das einfachste und schnellste Design-Tool, um aus einer Idee eine Website zu machen, ohne Code und mit voller kreativer Freiheit.

Das Produkt stammt von STUDIO Inc., deren Nutzungsbedingungen eine Postanschrift in Ebisu, Shibuya-ku, Tokio nennen. Ein japanisches Tech-Nachrichtenportal berichtete über den offiziellen Start am 2. April 2018, rund ein Jahr nach dem Beginn einer Beta im April 2017, und nannte Yutaka Ishii und Keima Kai unter den Gründern.

Die japanischsprachige Website meldet mehr als 900.000 Nutzer, mehr als 220.000 veröffentlichte Websites und mehr als 30.000 Unternehmen, die Studio einsetzen, Stand der Erfassung am 6. Oktober 2026; das sind eigene Angaben des Unternehmens, keine unabhängigen Zählungen. Auch im Umfang unterscheiden sich die englische und die japanische Website: Die englischen Seiten behandeln den Kern-Baukasten mit Preisen in US-Dollar, die japanischen ergänzen Yen-Preise, einen Enterprise-Tarif und eine lange Liste von Fallstudien aus Unternehmen.

Kernfunktionen

Design-Editor

  • Box-Layout und Symbole: Layouts entstehen durch das Stapeln von Boxen, Abstände werden mit Ziehgriffen direkt auf der Arbeitsfläche angepasst, wiederkehrende Elemente werden zu wiederverwendbaren Symbolen, und jeder responsive Breakpoint wird visuell statt per CSS angepasst.
  • Teambearbeitung: Mehrere Personen können gleichzeitig bearbeiten, ein Inhaltsbearbeitungsmodus lässt Redakteure Texte und Bilder ändern, ohne das Design zu stören, und Kommentar-Threads liegen direkt im Editor.
  • Schriften: Die englische Editor-Seite wirbt mit mehr als 900 Schriften ohne Aufpreis. Die japanische Editor-Seite nennt eine viel höhere Zahl von mehr als 9.200 kostenlosen Schriften, darunter Morisawa (TypeSquare), Google Fonts, eigene Schriften und Systemschriften; die beiden offiziellen Seiten stimmen nicht überein.
  • Echte Daten und Einbettungen: Designs können Daten aus Notion und Airtable abrufen, und per iframe lassen sich Dienste wie Google Maps oder YouTube einbinden.
  • Vorlagen: Ein Vorlagen-Store bietet kostenlose und kostenpflichtige Designs externer Designer, die sich ohne Code anpassen lassen.

CMS, Hosting, Formulare und SEO

  • CMS: Inhalte unterstützen gemeinsames Bearbeiten in Echtzeit bis hinunter zu Eigenschaftseinstellungen, zeitgesteuertes Veröffentlichen, das auch bei geschlossener App ausgeführt wird, und einen Import von WordPress-Inhalten per Klick.
  • Veröffentlichen: Ein Klick macht aus einem Design eine Live-Website ohne Servereinrichtung; jede Website erhält automatisch SSL, und die Hosting-Seite wirbt mit 99,9 % Verfügbarkeit.
  • Formulare: Formulare werden per Drag-and-drop mit eigenen Feldern platziert, Einsendungen lassen sich mit Google Sheets synchronisieren, und gegen Spam steht Google reCAPTCHA bereit.
  • SEO-Einstellungen: Weiterleitungen, generierte XML-Sitemaps sowie Titel, Beschreibungen, Favicons und OGP-Tags pro Seite liegen neben den Anbindungen an Google Search Console, Google Tag Manager, Google Analytics und HubSpot.

Animation und Figma-Import

  • Lottie: Eine Lottie-Box nimmt eine dotLottie- oder Lottie-JSON-URL auf; die Wiedergabe kann automatisch starten, beim Sichtbarwerden beginnen, bei Hover oder Klick laufen oder mit Scrollen bzw. Cursorposition synchronisiert werden.
  • Figma in Website umwandeln: Das Plugin Figma to STUDIO kopiert Frames aus Figma in den Editor; laut Studio werden importierte Designs automatisch responsiv, und Bilder, Icons, Schriften und Farben werden mit übernommen.

KI-Werkzeuge im Editor

Das Hilfe-Center dokumentiert fünf KI-Funktionen. Die Bild-KI bearbeitet Bilder nach Anweisungen in natürlicher Sprache, optional gelenkt durch ein Referenzbild; die Text-KI entwirft oder überarbeitet Texte nach einem Prompt und kann sie übersetzen; die automatische Responsive-Funktion wendet Breakpoint-Einstellungen auf ein fertiges Desktop-Layout an; die Ebenen-Umbenennung ersetzt generische Ebenennamen; und die SEO-Schreibhilfe entwirft Seitentitel und Meta-Beschreibungen aus dem Text auf der Seite.

Studio.Assistant

Studio.Assistant ist ein KI-Website-Generator mit eigenem kostenpflichtigem Tarif, getrennt vom Design-Editor. Aus Ihren Angaben erzeugt er die Informationsstruktur einer Website bis hin zu einem Designentwurf, den Sie anschließend in den Design-Editor exportieren, um ihn zu verfeinern und zu veröffentlichen. Die japanische Produktseite beschreibt ihn als Werkzeug, das davon ausgeht, dass ein Mensch das Ergebnis in der Oberfläche anpasst, und stellt klar, dass er einen Arbeitsablauf nicht wie ein KI-Agent selbstständig abschließt.

Anleitung

Ein Figma-Design importieren

  1. Installieren Sie in Figma das Plugin Figma to STUDIO.
  2. Bereiten Sie die Datei vor: Die Import-Tipps empfehlen automatisches Layout und das Voranstellen von <img> vor die Namen der Ebenen, die für Illustrationen und Bilder verwendet werden.
  3. Wählen Sie die Frames aus und kopieren Sie sie; Seiten mit vielen Ebenen lassen sich abschnittsweise importieren.
  4. Fügen Sie das Design in den Studio-Editor ein, um den Import abzuschließen.

Eine Website mit Studio.Assistant entwerfen

  1. Legen Sie ein neues Projekt an (oder öffnen Sie ein bestehendes) und wählen Sie Assistant.
  2. Füllen Sie den Website-Überblick aus: Name, Zweck, Kategorie, Beschreibung, aktuelle URL und Suchbegriffe für Fotos.
  3. Legen Sie mit den Schiebereglern für den Inhaltstyp das Verhältnis von Text und Fotos, die Überzeugungskraft der Texte und die Zahl der zu erzeugenden Seiten fest.
  4. Laden Sie Logo und Bildmaterial als PNG, JPG oder SVG hoch; die Hauptfarbe der Website kann aus dem Logo übernommen werden.
  5. Wählen Sie „Design generieren“. Die Seiten erscheinen nacheinander, und die bestehende Website bleibt während der Erzeugung schreibgeschützt.
  6. Fügen Sie in der Sitemap-Ansicht Seiten hinzu, löschen oder sortieren Sie sie um, und exportieren Sie dann in den Design-Editor zur Detailbearbeitung und Veröffentlichung.

Anwendungsfälle und Beispiele

  • Onepager und Portfolios: Die kostenpflichtigen Tarife sind nach Website-Typ positioniert: Mini für Onepager, Personal für Portfolios, Business für Start-ups und Business Plus für Scale-ups. Eine einzelne Kampagnenseite, die mit Studio als Landingpage-Baukasten gebaut wird, passt in das Mini-Limit von 2 Seiten plus einer 404-Seite.
  • Landingpages in einem Großkonzern: In einer Fallstudie des Anbieters erstellt East Japan Railway Company mehrere Landingpage-Websites unter ihrer Domain jreast.co.jp und steuert über Workspaces die Berechtigungen vieler Beteiligter.
  • Mehrere Unternehmenswebsites bündeln: Eine weitere Fallstudie des Anbieters ist damit überschrieben, dass ITOCHU die Verwaltung von 14 Websites auf Studio zusammengeführt und die Kosten um 40 % gesenkt hat.
  • Agenturen und Vertriebspitches: Studio.Assistant wird Vertriebsmitarbeitern und Direktoren dafür angepriesen, schnell mehrere Designentwürfe zu erstellen und sie als funktionierende Websites zu teilen, während ein Angebot noch besprochen wird.
  • Abschied von WordPress: WordPress-Beiträge, -Seiten, -Kategorien und -Schlagwörter lassen sich aus einem XML-Export importieren, Design und Website-Einstellungen werden aber nicht übernommen; nach dem Umzug müssen daher Seitenstruktur, Design, CMS-Einrichtung, URLs und Weiterleitungen geprüft werden.

Die Ergebnisse der Fallstudien sind eigene Darstellungen der Kunden, von Studio veröffentlicht, keine unabhängigen Messungen.

Für wen ist es

Passt wahrscheinlich

  • Designer, die ohne Code veröffentlichen wollen. Beim Start 2018 beschrieb der Mitgründer die Zielgruppe als Unternehmen, die auf Design spezialisiert sind, denen aber Programmierkenntnisse fehlen, und nicht als Privatpersonen oder kleine Firmen, die einfach irgendeine Website wollen.
  • Grafikdesigner, Agenturen und UX-Designer: Die Kundengeschichten auf der Startseite stellen einen Grafikdesigner, eine Agentur, einen UX-Designer und eine Person vor, die UX-Design studiert.
  • Unternehmen und Teams, besonders in Japan. Die japanische FAQ verweist für die Teamnutzung auf Business oder Business Plus wegen Rechteverwaltung und Betrieb nach dem Launch, und auf Enterprise für größere Abläufe, Audit- und Sicherheitsanforderungen oder individuellen Support.

Passt weniger

  • Shops und Mitgliederseiten, die Funktionen brauchen, die Studio als nicht unterstützt aufführt.
  • Wer den Code der Website mitnehmen oder auf Tablet bzw. Smartphone bearbeiten muss; beides schließt das Hilfe-Center aus (siehe Plattformen und Einschränkungen).

Plattformen

  • Wo Sie bearbeiten: Design-Editor und Projekt-Dashboard werden nur in Google Chrome auf dem Desktop unterstützt. Andere Browser werden nicht unterstützt, und auf Tablets oder Smartphones ist keine Bearbeitung möglich.
  • Wo Websites liegen: Der Free-Tarif veröffentlicht unter einer studio.site-Adresse und zeigt ein Studio-Badge; kostenpflichtige Projekttarife ermöglichen eine eigene Domain.
  • Integrationen: Die japanische FAQ nennt Google Analytics, Google Tag Manager, Search Console, reCAPTCHA, Meta Pixel und Chat-Tools und ergänzt, dass sich nicht direkt unterstützte Tools manchmal über Google Tag Manager oder Einbettungscode anbinden lassen.
  • Eigener Code: Die Einbettungsbox akzeptiert HTML, CSS und JavaScript, und kostenpflichtige Tarife können Code website-weit oder auf einzelnen Seiten in den head- oder body-Bereich einfügen.
  • Sprachen: Oberfläche, Chat und erzeugte Texte von Studio.Assistant unterstützen Japanisch und Englisch.

Preise

Studio rechnet pro Projekt ab, nicht pro Konto: Jedes Projekt hat ein eigenes Abonnement, und pro Projekt kann nur eine Website erstellt und veröffentlicht werden. Die folgenden Preise stammen von der englischen Preisseite, Stand der Erfassung am 6. Oktober 2026.

TarifJährliche Abrechnung (pro Monat)Monatliche AbrechnungSeitenFormularantwortenVersionsverlauf
Free$0$050Nicht auf der Tarifkarte angegeben1 Tag
Mini$5$102 + 404-Seite1005 Tage
Personal$10$121501.00030 Tage
Business$25$3530010.000120 Tage
Business Plus$80$110300Alles aus Business360 Tage

Laut Seite enthalten alle Beträge die anfallenden Steuern, und bei jährlicher Abrechnung werden Einsparungen von 20 % oder mehr beworben. Über die Tabelle hinaus bringt Personal einen Passwortschutz; Business bringt Basisberechtigungen, unbegrenzte Analysen und Weiterleitungen; Business Plus bringt 15.000 CMS-Einträge, erweiterte Berechtigungen, eigene Header und Aktivitätsprotokolle. Das Produkt-Update vom Juli 2026 kündigte an, dass es keine monatlichen Besucherlimits gibt.

Weitere Kosten und Tarife

  • Add-on für benutzerdefinierten Proxy: Business-Plus-Projekte können es für $290 pro Monat hinzubuchen, um Studio-Seiten unter Unterverzeichnissen einer bestehenden Domain auszuliefern, mit eigenen Zertifikaten und 301-Weiterleitungen.
  • Workspaces: Getrennt von den Projekttarifen abgerechnet. Der kostenlose Workspace fasst bis zu 3 Projekte; Team kostet bei jährlicher Abrechnung $14 pro Mitglied und Monat (ab $42 bei mindestens 3 Mitgliedern) oder bei monatlicher Abrechnung $18 pro Mitglied (ab $54).
  • Yen-Preise: Die japanische Preisseite nennt bei jährlicher Abrechnung Mini mit ¥590, Personal mit ¥1,190, Business mit ¥3,980 und Business Plus mit ¥9,980 pro Monat, bei monatlicher Abrechnung ¥1,290, ¥1,720, ¥5,460 und ¥12,900, dazu den benutzerdefinierten Proxy für ¥39,800 pro Monat.
  • Enterprise: Auf der japanischen Preisseite aufgeführt, nicht aber auf der hier geprüften englischen; auf Anfrage, mit unbegrenzten Seiten und CMS-Einträgen, 99,9 % SLA, Aktivitätsprotokollen über 360 Tage, IP-Adressbeschränkungen und Zahlung per Banküberweisung.
  • Studio.Assistant: Starter kostet ¥24,800 und Pro ¥99,800 pro Monat bei monatlicher Abrechnung, oder ¥19,800 und ¥74,800 pro Monat bei jährlicher Abrechnung, jeweils inklusive Steuern, und beide beginnen mit einer 14-tägigen kostenlosen Testphase. Die Testphase gilt nur für ein erstes Abonnement, und die Abrechnung beginnt automatisch 14 Tage nach der Anmeldung.
  • Domains: Laut japanischer FAQ deckt die Monatsgebühr nur Erstellung und Veröffentlichung ab; Registrierung einer eigenen Domain und Kosten für die Internetverbindung kommen hinzu.

Abrechnungsregeln

  • Bezahlt wird per Kredit- oder Debitkarte.
  • Ein Wechsel von jährlicher zu monatlicher Abrechnung wird nicht unterstützt; das Projekt muss auf Free zurückgestuft werden und dann einen Monatstarif abschließen.

Alternativen zu Studio.Design

  • WordPress: Studios eigene FAQ stellt den Unterschied als Frage der Wartung dar. WordPress lässt sich über Themes und Plugins flexibel erweitern, überlässt Ihnen aber Server, Updates und Sicherheit, während Studio Website-Erstellung, CMS, Formulare, SEO und Hosting in einer Umgebung bündelt. Das ist der Vergleich des Anbieters, kein unabhängiger.
  • Wix, Squarespace und Peraichi: Zum Start sagte der Mitgründer, diese Baukästen könnten teilweise mit Studio konkurrieren, und derselbe Bericht nannte Webflow als den Konkurrenten, den STUDIO am genauesten beobachtete.
  • Framer, Webflow, WebWave und Dorik: Eine Plattform für Produktlaunches führt sie als ähnliche Produkte zu Studio.Design.

Einschränkungen

  • Kein Code-Export: Das HTML einer Seite lässt sich nicht direkt bearbeiten, und Studio.Design bietet keine Möglichkeit, den HTML-Code der Website zu exportieren.
  • Kein Onlineshop und keine Mitgliederseiten: Die japanische FAQ zählt Seiten nur für Mitglieder und E-Commerce zu den Funktionen, die Studio nicht unterstützt.
  • Ein Passwort pro Website: Studio kann verschiedenen Besuchern keine unterschiedlichen Passwörter zuweisen; es lässt sich nur ein einziges website-weites Passwort festlegen.
  • Verborgene Formularantworten: Antworten über dem Limit eines Tarifs erscheinen weder im Dashboard noch in E-Mail-Benachrichtigungen, bis der Tarif hochgestuft wird.
  • Herabstufungen nehmen Inhalte offline: Eine Herabstufung lässt sich auch dann planen, wenn Inhalte die Limits des niedrigeren Tarifs überschreiten, doch CMS-Einträge oder Funktionen jenseits dieser Limits werden depubliziert.
  • Keine Erstattungen: Tarife werden nach Vertragsabschluss nicht erstattet, versehentliche Upgrades eingeschlossen, und ein automatisch verlängerter Tarif kann weder gekündigt noch erstattet werden.
  • KI-Nutzungsgrenzen: KI-Funktionen haben ein Ausführungslimit; wird es überschritten, sind sie für einen gewissen Zeitraum nicht nutzbar.
  • Einschränkungen beim Figma-Import: In Tablet- oder Mobilgröße erstellte Figma-Designs werden als Desktopgröße erkannt, und der mehrseitige Seitenmodus ist in der Beta und kann sich unerwartet verhalten.
  • KI-Erzeugung für eine Person: Die Arbeit in Studio.Assistant ist für jeweils eine Person ausgelegt; nach dem Export in den Design-Editor ist wieder normale Zusammenarbeit möglich.
  • Support-Umfang: Der Chat-Support deckt Fragen rund um Studio ab, aber keine Drittanbieterdienste und keine Designberatung.

Datenschutz und Inhaltsrechte

  • Datenstandort: Studio läuft auf Servern der Google Cloud Platform in Japan und den USA, und personenbezogene Daten können in beiden Ländern gespeichert werden.
  • KI-Training: Laut Hilfe-Center werden in Studio.Assistant erstellte Websites und Inhalte nie zum Trainieren von KI verwendet. In den für diesen Bericht geprüften Seiten fand sich keine entsprechende Aussage für die Bild-KI und die Text-KI des Editors.
  • Inhaltslizenz: Ihre Inhalte bleiben Ihre, aber die Bedingungen räumen STUDIO eine unwiderrufliche, unbefristete, weltweite Lizenz ein, sie zur Bereitstellung, Verbesserung und Bewerbung des Dienstes zu nutzen.
  • Präsentation: STUDIO darf Ihre Website auf der eigenen Website und in Marketingmaterialien zeigen.
  • Alter und Rechtswahl: Nutzer müssen am Wohnort mindestens volljährig sein oder die Zustimmung der Eltern haben, in der EU mindestens 16 Jahre alt. Für Nutzer außerhalb der USA unterliegen die Bedingungen japanischem Recht.

FAQ

Q1. Kann ich den Code meiner Studio.Design-Website exportieren?

Nein. Studio.Design bietet weder HTML-Export noch direkte HTML-Bearbeitung. Eigener Code lässt sich über die Einbettungsbox hinzufügen, die Website bleibt aber auf dem Hosting von Studio.

Q2. Kann ich eine Studio.Design-Website auf dem iPad oder Smartphone bearbeiten?

Nein. Zum Bearbeiten wird Google Chrome auf einem Desktop-Computer benötigt; Tablets und Smartphones lassen sich dafür nicht verwenden.

Q3. Ist Studio.Design kostenlos?

Es gibt einen Free-Tarif mit den Design-Werkzeugen und bis zu 50 Seiten, der aber ein Studio-Badge zeigt und nur unter einer studio.site-Adresse veröffentlicht. Eine eigene Domain gibt es ab dem Mini-Tarif.

Q4. Nutzt Studio.Design meine Inhalte zum Trainieren von KI?

Für Studio.Assistant gibt das Hilfe-Center an, dass erstellte Websites und Inhalte nie zum Trainieren von KI verwendet werden. Eine vergleichbare Aussage zu den übrigen KI-Funktionen des Editors fand sich in den geprüften Seiten nicht.

Q5. Bekomme ich eine Erstattung?

In der Regel nicht. Studio erstattet Tarife nach dem Kauf nicht, auch nicht bei versehentlichen Upgrades; ein Tarif muss daher vor seinem Verlängerungsdatum herabgestuft werden, um die nächste Abbuchung zu vermeiden.

Kennen Sie ein ähnliches Tool?
Wenn Sie andere großartige KI-Tools kennen, können Sie sie uns gerne einreichen