Download your code, export to GitHub, import HTML or Figma designs.
Get your site as code.
Bring in HTML, ZIP files and Figma designs.
Add your own scripts and tags.
Yes, on a paid TeleportHQ plan (Pro or Premium) you can download a website's code as HTML, React, Next.js, Vue, Nuxt or Angular, or export it to GitHub; a trial only lets you view the code (10 code views), and web apps can't be downloaded as code.
In the TeleportHQ editor, click Code at the top right to open the Code tab, pick a format such as HTML or React, then browse the generated files and copy any of them; a trial workspace gets 10 code views, Pro and Premium unlimited.
On a paid TeleportHQ plan (Pro or Premium), click Code at the top right of the editor, open the Download tab, pick a format such as HTML, React or Next and click Download ZIP to save your website's source code; a trial can't download code and web apps can't be downloaded.
On a paid TeleportHQ plan, open Code → Download, pick a format, click Export to GitHub, paste a classic GitHub personal access token with the repo scope and click Export to GitHub again; TeleportHQ creates or updates a repository with your website's code.
In the TeleportHQ editor, click Import HTML / CSS / JS in the bottom toolbar (or paste HTML onto the canvas), paste plain HTML with its CSS in the HTML Import window and click Save; TeleportHQ turns it into editable elements and classes.
To move an existing HTML website into TeleportHQ, zip its HTML, CSS, JavaScript and image files (up to 50 MB), click Import Project (ZIP) in the editor's bottom toolbar or drop the ZIP on the canvas, and confirm; TeleportHQ creates one page per HTML file.
Install the free "TeleportHQ - Design to Code" plugin from its Figma Community page (linked from Import from Figma and from Figma Plugin on the TeleportHQ dashboard), then run it in any Figma design file from the plugins menu to export frames to TeleportHQ.
In Figma, select your frames, run the TeleportHQ - Design to Code plugin and click Export as a new project to open them as a new TeleportHQ project, or click Copy Objects to Clipboard and paste into an existing project; use auto layout for the best result.
In the TeleportHQ editor, click the Project settings cog at the bottom of the left sidebar, open Data & code → Custom code, choose Head or Body and paste your script, style, meta or link tags; the code saves itself and runs on every page of your published site, but not on the editor canvas.
