Tldraw AI

오픈소스와이어프레임디자인투코드

Tldraw AI converts hand-drawn sketches into working code and UI components in real-time. Draw a wireframe on the canvas and watch it transform into functional HTML, React, or other code instantly.

Key Features

✦스케치→코드 실시간 변환
✦React/HTML 출력
✦오픈소스

How to Use

Tldraw AI can be used directly in your web browser. Visit the official site and create a free account to start exploring the basic features. Available on both PC and mobile without installation.

Recommended For

👤빠른 프로토타이핑이 필요한 디자이너
👤아이디어를 즉시 코드로 만들고 싶은 기획자
👤UI 개발자

Pricing

Free

Basic features are available for free.

Pros

✓오픈소스 무료
✓실시간 변환
✓직관적 사용법

Cons

✗복잡한 UI 한계
✗코드 품질 수동 수정 필요

Registered: 3/31/2026

Similar Tools Comparison

	Tldraw AI	Refact.ai	Augment Code
Key Features	스케치→코드 실시간 변환, React/HTML 출력	오픈소스 AI 코딩 어시스턴트, 온프레미스 셀프호스팅	대규모 코드베이스 전체 맥락 이해, 프로젝트 패턴·아키텍처 학습
Pros	오픈소스 무료, 실시간 변환	완전한 데이터 격리, 오픈소스·무료	대규모 코드베이스 이해 능력 우수, 컨벤션 유지 정확도 높음
Cons	복잡한 UI 한계, 코드 품질 수동 수정 필요	셀프호스팅 서버 관리 필요, GPU 자원 필요	개인·소규모 팀에는 과함, 기업용 가격