LogoAI 도구 모음
Tldraw AI

Tldraw AI

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

Tldraw는 화이트보드에 스케치를 그리면 AI가 실시간으로 HTML/React 코드로 변환하는 오픈소스 도구입니다. 손으로 그린 와이어프레임을 실제 동작하는 UI로 만들어줍니다.

주요 특징

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

사용 방법

Tldraw AI은(는) 웹 브라우저에서 바로 사용할 수 있습니다. 공식 사이트에 접속하여 무료 계정을 생성하면 기본 기능을 바로 체험할 수 있습니다. 별도의 설치 없이 PC와 모바일 모두에서 이용 가능합니다.

이런 분께 추천해요

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

요금제 정보

무료

기본 기능을 무료로 사용할 수 있습니다.

장점

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

단점

  • 복잡한 UI 한계
  • 코드 품질 수동 수정 필요
등록일: 2026. 3. 31.

비슷한 도구 비교

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