Bring in HTML, ZIP files and Figma designs.
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.
