Genießen Sie die Freiheit beim Designen und Programmieren
Erstellen Sie ein Design für eine statische Website – ganz ohne Design- oder Programmierkenntnisse. Mit dem einfachen Drag-and-drop-Editor erstellen Sie Ihre Seite im Handumdrehen.
Figma-Projekte exportieren
Unser Figma-Plugin hilft Ihnen, Ihre Designs aus Figma zu exportieren und daraus statischen HTML-Code für Webseiten, CSS oder Code für Frameworks wie React, Preact, Gatsby, Vue, Next, Angular oder Stencil zu generieren.
Komponenten erstellen und wiederverwenden
Erstellen Sie schnell wiederverwendbare Komponenten mit unserem Komponentenverwaltungssystem und nutzen Sie diese projektübergreifend, um Ihre Produktivität und die stilistische Konsistenz zu steigern.
Exportiere deine Arbeit und programmiere weiter
Sobald Sie alle Elemente hinzugefügt und Ihre Website fertiggestellt haben, können Sie sie veröffentlichen oder den HTML-Code Ihrer statischen Webseite exportieren und in Ihrer Umgebung weiterarbeiten.
Vorgefertigte Abschnitte verwenden
Durchsuchen Sie die Komponentenbibliothek unseres Static-Site-Generators und wählen Sie vollständige, vorgefertigte Abschnitte oder gestaltete Komponenten aus, um den Prozess noch weiter zu beschleunigen.
Verwenden Sie den verfügbaren Vorschaumodus
Nutzen Sie die Vorschau im WYSIWYG-Editor, um zu sehen, wie Ihr Design für die statische Website aussieht. Sparen Sie Zeit und nehmen Sie alle erforderlichen Änderungen direkt vor.
TeleportHQ vereint Seitenstruktur, Styling und wiederverwendbare Komponenten in einem statischen Website-Builder. Arbeite direkt auf der Arbeitsfläche und nutze Steuerelemente für die Details, die deiner Website den Charakter deines Unternehmens verleihen.
Füge Text, Bilder, Schaltflächen und Abschnitte hinzu und passe anschließend ihre Größe, Ausrichtung und Abstände an.
Passe Layouts für Desktop-, Tablet- und Mobilgeräte-Breakpoints an. Ändere Abstände, Textgrößen und die Sichtbarkeit von Elementen auf kleineren Bildschirmen.
Lege über deine Designsprache websiteweit Farben, Textstile und Abstände fest. Verwende CSS-Klassen wieder, um verwandte Elemente einheitlich zu gestalten, ohne jedes einzeln anpassen zu müssen.
Erstelle wiederverwendbare Kopf- und Fußzeilen sowie Karten. Aktualisiere die Hauptkomponente, um ihre Kopien auf der gesamten Website zu ändern. Einzelne Karten können dabei unterschiedliche Texte, Bilder und Links verwenden.
Organisiere Informationen mit Tabs, ausklappbaren Inhalten und Pop-ups. Auch eine statische Website kann auf Klicks reagieren.
Beschreibe dein Unternehmen, um eine erste Website zu erstellen. Überprüfe anschließend die Texte und passe das Layout im Editor an.
Erstellt mit TeleportHQ