Question 1

무료 플랜 한도는 어떻게 되나요?

Accepted Answer

무료 플랜은 매월 20회의 변환을 제공합니다. 매월 1일에 사용량이 초기화됩니다.

Question 2

Pro 결제는 어떻게 이루어지나요?

Accepted Answer

Pro 요금제(₩18,900/월 · 약 $14 USD)는 현재 출시 준비 중입니다. 결제 시스템 심사가 완료되면 월 70회 변환과 프리미엄 기능이 열립니다. 출시 알림을 받고 싶으시면 jh0580jh@tididig.com 으로 연락해 주세요.

Question 3

온디바이스 AI는 어떻게 설정하나요?

Accepted Answer

Chrome 131 이상에서 Gemini Nano를 활성화해야 합니다. 자세한 설정 방법은 온디바이스 AI 가이드 페이지를 참고해 주세요.

Question 4

환불은 가능한가요?

Accepted Answer

환불 정책은 Pro 요금제 출시 후 적용됩니다. 출시 후에는 구독 시작 후 7일 이내 환불 요청 시 전액 환불됩니다. 환불 요청은 이메일로 문의해 주세요.

Question 5

어떤 프레임워크와 호환되나요?

Accepted Answer

React, Vue 3, Svelte 5 출력을 지원합니다. 원본 페이지가 어떤 프레임워크(React, Vue, Angular, Svelte, Bootstrap, jQuery, Tailwind 등)로 만들어졌는지와 무관하게 DOM 구조를 분석해 변환합니다.

Question 6

어떤 페이지에서 가장 잘 작동하나요?

Accepted Answer

마케팅·랜딩 페이지, 대시보드 UI, 블로그·문서 사이트, 이커머스 상품 페이지처럼 DOM 구조가 풍부한 정적 레이아웃에서 가장 안정적으로 작동합니다. 이런 유형의 페이지라면 원본이 어떤 프레임워크든 React + Tailwind로 변환할 수 있습니다.

Question 7

변환이 제한되는 페이지도 있나요?

Accepted Answer

픽셀로 렌더링되는 페이지(Canvas·WebGL 기반 — Figma, Google Maps, 브라우저 게임 등)는 DOM이 없어 변환이 불가능합니다. 복잡한 D3.js SVG 차트는 그래픽을 충실히 재현하기 어렵고, 리치 텍스트 에디터나 드래그앤드롭 같은 복잡 인터랙션은 정적 외형만 캡처됩니다. 외부 iframe 내부는 접근이 제한되며, 로그인 벽 뒤 콘텐츠는 로그인된 상태에서만 변환됩니다. GSAP 같은 JS 기반 애니메이션은 재현되지 않습니다(CSS keyframe·트랜지션은 추출됩니다).

라이브러리	분류	감지 시그니처
Framer Motion	declarative	data-framer-name, data-projection-id, .framer-* classes
Motion / Motion One	declarative	window.Motion global
AutoAnimate	declarative	data-auto-animate-active attribute
React Transition Group	declarative	.enter-active / .exit-active class patterns
GSAP	declarative	window.gsap global
AOS	scroll	data-aos attribute
ScrollMagic	scroll	window.ScrollMagic global
Locomotive Scroll	scroll	data-scroll-container, data-scroll attributes
Lenis	scroll	window.lenis global
Three.js	3d	window.THREE global, <canvas> WebGL context
Spline	3d	<spline-viewer> custom element
Lottie	media	<lottie-player> element, window.lottie global
Rive	media	<rive-canvas> custom element, window.rive global
Video.js	media	.video-js class, window.videojs global
Plyr	media	.plyr class, window.Plyr global
MUX Player	media	<mux-player> custom element

플랜	변환 횟수	MCP	CLI
Free	20/월	✓	✓
Pro	70/월	✓ (snapshot-diff 포함)	✓ (디자인토큰·반응형 포함)

개발자 레퍼런스 — 아키텍처와 제약

통합 방식 선택

Tier 2 감지 라이브러리

한도 및 쿼터

데이터 포맷