aicoolies logo
TeleportHQ logo

TeleportHQ

AI-powered UI builder with code export

Share
freemium
Visit Website →

TeleportHQ is a collaborative front-end development platform that combines a visual website and UI builder with AI-powered code generation. Designers and developers can visually build pages, generate clean React/Vue/HTML code, and deploy to production in a single environment. Also offers an open-source code generation framework (UIDL) and supports importing from Figma and other design tools.

TeleportHQ is a collaborative front-end development platform that combines a visual website and UI builder with AI-powered code generation to help teams design and ship web projects faster. It solves the problem of fragmented design-to-code workflows by providing a single environment where designers and developers can visually build pages, generate clean code, and deploy to production. TeleportHQ also offers an open-source code generation framework that can convert UIDL (User Interface Definition Language) representations into multiple framework outputs.

TeleportHQ features a drag-and-drop visual builder with real-time collaboration, support for reusable components and design tokens, and automatic code generation in React, Next.js, Vue, Angular, and static HTML. It includes a Figma-to-code plugin that imports designs directly into the builder, a headless CMS for managing dynamic content, and built-in SEO optimization tools. The platform also supports custom code injection, responsive design editing, and integration with external APIs for data-driven pages.

TeleportHQ is designed for frontend developers, design teams, and agencies who want a low-code platform that still produces professional-grade code output. It is particularly useful for building marketing websites, landing pages, portfolios, and content-driven sites where visual editing and rapid iteration are priorities. The platform offers hosting with custom domains, integrates with GitHub for version control, and provides a free tier that makes it accessible for individual developers and small teams.

Pricing

Free tier / Professional $15/mo / Teams $25/mo

Platforms

Web

Categories

Tags

Use Cases

Alternatives

Related Tools

OpenUI logo

OpenUI

Open-source UI generation from natural-language prompts

OpenUI is an Apache-2.0 design-to-code tool from W&B that turns natural-language interface prompts into live HTML previews and frontend code. Teams can run it locally or with Docker, connect OpenAI, Groq, LiteLLM-compatible providers, or Ollama, and export generated UI toward React, Svelte, Web Components, and related workflows. It fits rapid UI mockups where developers want editable code instead of screenshots.

open-sourceOpen SourceTelemetry

Figma MCP Server

Official remote MCP server for design-to-code and write-to-canvas Figma workflows.

Figma MCP Server is Figma’s official remote Model Context Protocol surface for design-to-code agents. It gives supported clients structured design context, variables, components, selected-frame code context, Code Connect mappings, and beta write-to-canvas tools for creating or updating native Figma frames from an MCP client while keeping the workflow tied to Figma files.

freemiumTelemetry
OpenPencil logo

OpenPencil

AI-native open-source design editor and Figma alternative

OpenPencil is an AI-native, open-source design editor for teams that want a Figma-like canvas with source-visible code and experimental AI design workflows. It is best framed as OpenPencil by the open-pencil project, separate from the same-name ZSeven-W repo, and useful for early UI prototyping, design-to-code exploration, and open-source visual editing pilots.

open-sourceOpen Source

Talk to Figma MCP

Read/write MCP bridge between AI coding agents and Figma

Talk to Figma MCP is an MIT-licensed bridge from Grab that connects Cursor, Claude Code, and other MCP-capable agents to Figma through a local MCP server, WebSocket bridge, and Figma plugin. Unlike read-only context servers, it can inspect selections, create or modify nodes, update text in bulk, and automate design operations, so teams should review permissions before enabling write access.

open-sourceOpen SourceTelemetry
Figma Context MCP logo

Figma Context MCP

MCP server that gives coding agents structured Figma context for design-to-code work

Figma Context MCP is an MCP server for giving coding agents structured access to Figma design context during implementation. Instead of copying screenshots or hand-written design specs into prompts, teams can expose layout, component, and context information to agents such as Cursor, Claude Code, and other MCP-compatible coding workflows. It is a strong design-to-code bridge for teams trying to reduce hallucinated UI details and tighten handoff between designers and AI-assisted developers.

open-sourceOpen SourceTelemetry

screenshot-to-code

Convert any screenshot or mockup into clean frontend code with AI vision.

screenshot-to-code is an open-source tool that converts screenshots, mockups, and Figma designs into clean, functional HTML, Tailwind CSS, React, or Vue code using AI vision models. Powered by GPT-4V, Claude, and Gemini, it supports video-to-code and iterative editing workflows, making it a rapid scaffolding tool for frontend developers who want to skip the pixel-translation step entirely.

open-sourceOpen Source