Screenshot to Code 개요

Screenshot to Code 개요

Screenshot to Code 는 스크린샷, 목업, Figma 디자인, 화면 녹화를 AI 로 깨끗하고 동작하는 코드로 변환합니다. 가장 쉽게 시도하는 방법은 호스팅 앱(screenshottocode.com)을 쓰는 것입니다.

출처: Screenshot to Code — GitHub 저장소

지원 스택

HTML+Tailwind, HTML+CSS, React+Tailwind, Vue+Tailwind, Bootstrap, Ionic+Tailwind.

기본 AI 모델

Gemini 3 Flash/3.1 Pro, GPT-5.5/GPT-5.4 Mini, Claude Opus 4.6/4.8, 그리고 이미지 생성을 위한 z-image-turbo(Replicate).

화면 녹화를 받아 동작하는 프로토타입으로 바꾸는 기능도 지원합니다.

실행 방법

  • 로컬 실행 — 커스터마이즈·셀프호스트·기여를 원할 때. React/Vite 프론트엔드와 FastAPI 백엔드 구조.
  • 호스팅 앱 — 로컬 설정 없이 가장 빠르게 체험.

더 알아보기