TeleportHQ
TeleportHQ · Coding
TeleportHQ ist ein Low-Code-Website-Builder, der KI-Prompts und Figma-Designs in responsive, veröffentlichbare Websites verwandelt und sauberen Code in fünf JS-Frameworks exportiert.
Über TeleportHQ
About
Was ist TeleportHQ
TeleportHQ ist ein Low-Code-Builder, der im Browser für Websites, Web-Apps und Onlineshops läuft. Sie gestalten visuell und veröffentlichen das Ergebnis anschließend als produktionsreifen Code, nicht als geschlossene Vorlage.
Das Versprechen ist klar: Wer nicht programmiert, arbeitet mit Drag and Drop, und wer programmiert, behält am Ende das HTML, das CSS und den Framework-Code. Diese Kombination ist selten. Fast jeder Website-Baukasten liefert Ihnen eine gehostete Seite und nichts weiter.
Die Grenzen sollten Sie vorher kennen. Web-App-Projekte, zusätzliche Sprachen und zusätzliche Editor-Plätze hängen an bezahlten Slots, und die kostenlose 7-Tage-Testphase nutzt 30.000 KI-Token einmalig, ohne monatliche Auffüllung.
Erste Schritte
- Registrieren Sie sich auf play.teleporthq.io und starten Sie die kostenlose 7-Tage-Testphase, ohne Kreditkarte.
- Beschreiben Sie Ihre Website dem KI-Builder oder importieren Sie eine Figma-Datei, um ein erstes Layout zu erzeugen.
- Verfeinern Sie das Design per Drag and Drop, ändern Sie Komponenten und tauschen Sie Schriften oder Farben.
- Verbinden Sie eine eigene Domain oder stellen Sie auf Vercel bereit, und exportieren Sie den Code, wenn Sie selbst hosten möchten.
Produktinformationen
Ein kurzer Überblick über Preise, unterstützte Plattformen und die Leistung von TeleportHQ.
Am besten für
Die Nutzer, Aufgaben und Szenarien, für die dieses Tool am besten passt.
Nutzer
- Menschen ohne Programmierkenntnisse
- Frontend-Entwickler
- Marketingteams
- Agenturen
Aufgaben
- Figma-Dateien in Code umwandeln
- Eine Landingpage starten
- Das Frontend eines Headless-CMS aufbauen
- Einen kleinen Shop aufsetzen
Szenarien
- Eine fertige Website an ein Team übergeben, das den Quellcode will
- Eine Website für mehrere Märkte übersetzen
- Eine Web-App prototypisieren, bevor Budget fließt
Wichtigste Funktionen
KI-Builder für Websites und Web-Apps
Sie beschreiben Ziele, Stil und Inhalte, und TeleportHQ erzeugt ein vollständiges Layout oder eine interaktive Web-App. Innerhalb von Sekunden erhalten Sie mehrere Designvarianten und verfeinern sie anschließend von Hand. Jedes Projekt startet mit Test-Token für die KI-Funktionen.
Visuelles Bearbeiten per Drag and Drop
Im Editor ändern Sie Farben, Schriften, Abschnitte und UI-Elemente, ohne Code zu schreiben. Sie erstellen wiederverwendbare Komponenten und verwalten Farben und Typografie in einem globalen Styleguide. So arbeiten nicht-technische Redakteure im selben Projekt wie die Entwickler.
Code-Export in fünf Frameworks
Sie exportieren produktionsreifen Code in HTML, CSS, React, Next.js, Vue oder Angular. Die Website, die Sie bauen, kann also in Ihr eigenes Repository und Hosting wandern, statt auf TeleportHQ zu bleiben. Der Code-Export gilt nur für statische Projekte.
Figma-zu-Code-Plugin
Sie importieren ein Website-Design aus Figma oder kopieren ausgewählte Ebenen als bearbeitbares HTML und CSS. Das spart den üblichen Neubau zwischen Design und Code, und das exportierte Markup bleibt für Entwickler angenehm.
Headless-CMS- und Datenanbindung
Sie verbinden Projekte mit Strapi, Contentful, WordPress, Caisy oder Flotiq und binden externe Datenquellen ein. Die Inhalte bleiben von der Oberfläche getrennt, sodass das Marketing einen Blog oder Katalog aktualisiert, ohne den Editor zu öffnen.
Formulare und Lead-Erfassung
Sie erstellen und gestalten Formulare im Editor ohne Code und sammeln die Einsendungen anschließend im Dashboard. Die Tarife enthalten eine feste Zahl an Formularen und monatlichen Einsendungen, mehr gibt es über Zusatzpakete.
Hosting und Ein-Klick-Deployment
Sie veröffentlichen kostenlos auf TeleportHQ-Subdomains, verbinden eine eigene Domain oder stellen direkt auf Vercel bereit. SSL und ein globales CDN sind inbegriffen, und jeder Tarif enthält 1 GB Speicher für Assets.
Vor- und Nachteile
Vorteile
- Der Code-Export in HTML, CSS, React, Next.js, Vue oder Angular hält die Website portabel.
- Das visuelle Bearbeiten passt zu einem globalen Styleguide und wiederverwendbaren Komponenten, so bleiben Teams konsistent.
- Der Figma-Import verringert die Nachbauarbeit zwischen Design und Code.
- Integriertes Hosting, eigene Domains, SSL und CDN decken den ganzen Weg von der Idee bis zum Start ab.
- Die 7-Tage-Testphase verlangt keine Kreditkarte, was die Prüfung risikoarm macht.
Nachteile
- Der Code-Export gilt nur für statische Projekte, interaktive Web-Apps verlassen die Plattform also nicht auf demselben Weg.
- Web-App-Projekte, zusätzliche Sprachen und zusätzliche Editor-Plätze kosten jeweils monatlich extra.
- Die KI-Token der Testphase kommen einmalig als 30.000, nicht als monatliches Kontingent, daher sind sie bei intensiver Prompt-Nutzung schnell aufgebraucht.
- Kostenlose Projekte tragen TeleportHQ-Branding und lassen sich nicht privat stellen.
Häufige Fragen
Nein. Sie können mit Drag and Drop und dem KI-Builder eine Website bauen und veröffentlichen. Programmierkenntnisse helfen, wenn Sie das exportierte Projekt weiter anpassen wollen.
Ähnliche Inhalte
Entdecke passende Tools, Skills und Artikel zu TeleportHQ.
Alternativen zu TeleportHQ
Base Code
Base44 (Wix) · Coding · ProduktivitätBase Code ist eine geteilte Cloud-Entwicklungsumgebung von Base44. Das Team beschreibt Änderungen an einem bestehenden GitHub-Repository im Chat, prüft sie in der Vorschau und reicht sie als Pull Request ein.
Google EmbeddingGemma 2
Google DeepMind · Schreiben · Bilder · CodingGoogle EmbeddingGemma 2 ist ein offenes Modell mit 740 Millionen Parametern, das Text, Code, Bilder, Audio und Videobilder in Vektoren eines gemeinsamen 768-dimensionalen Raums umwandelt und auf Handys und Notebooks läuft.
GitGlow
GitGlow · Coding · ProduktivitätGitGlow ist ein Git-Client für den Desktop, der Ihren Code und die Änderungen Ihrer KI-Agenten in einer Review bündelt, damit Sie vor dem Ausliefern sehen, was die Maschine verlässt.