CraftUI

CraftUI

Unknown · 이미지 · 코딩

CraftUI는 스크린샷과 스케치, 텍스트 프롬프트로 편집 가능한 UI 컴포넌트를 브라우저에서 만들었다. 공식 사이트는 이미 내려갔으니 지금 쓸 수 있는 도구는 아니다.

CraftUI 미리보기

CraftUI 소개

About

CraftUI란

CraftUI는 작은 디자인 AI 중 하나로, 프롬프트가 빈 캔버스를 대신하기 시작한 시기에 등장했다. 주장은 단순했다. 화면을 말로 설명하거나 이미지를 넣으면 그려진 컴포넌트가 돌아온다. 손보기만 하면 된다는 발상이다.

앱 빌더는 아니다. 작업 단위는 컴포넌트에 머문다. 버튼, 카드, 폼, 내비게이션 바 같은 부품을 다룬다. 가치는 여기에 있다. 만들 것이 대략 그려지는데 눈앞에 두고 논의할 실물이 필요하고, 빈 피그마 파일은 그 역할을 못 한다.

먼저 짚어둘 게 있다. 공식 도메인은 더 이상 제품을 제공하지 않는다. 2026년 말 기준으로 craftui.studio는 도메인 판매 페이지로 넘어가고, 가격 페이지도 변경 이력도 공개 문서도 남아 있지 않다. 아래 내용은 발표 당시의 모습이고, 오늘 가입할 수 있는 서비스 이야기가 아니다.

시작하는 방법

앱이 살아 있던 시절의 흐름을 공개된 설명에 따라 정리했다.

  1. 브라우저에서 사이트를 연다. 설치할 것이 없고 데스크톱 앱도 없다.
  2. 입력 방식을 고른다. 원하는 화면을 프롬프트로 쓰거나 참고 이미지를 올린다.
  3. 생성된 컴포넌트를 보고 의도에 가장 가까운 것을 남긴다.
  4. 결과를 디자인 파일이나 코드 편집기로 옮기고 색, 간격, 서체를 맞춘다.

네 번째 단계는 손이 필요했다. 내보내기 형식이나 플러그인에 대한 자료가 남아 있지 않아 복사해서 붙이는 방식을 전제해야 한다.

제품 정보

CraftUI의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.

무료 플랜아니요
유료 플랜N/A
플랫폼Web
개발사Unknown
카테고리이미지 · 코딩
출시일Jan 2024
최근 업데이트Oct 2025
웹사이트 방문 수N/A
웹사이트 글로벌 순위N/A
API 제공 여부N/A

추천 대상

이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.

사용자

  • 당장 초안이 필요한 프로덕트 디자이너
  • 팀에 디자이너가 없는 창업자
  • 컴포넌트로 사고하는 프런트엔드 개발자

작업

  • 스크린샷을 편집 가능한 부품으로 바꾸기
  • 작은 디자인 시스템의 빈틈 메우기
  • 확정 전에 레이아웃 실험하기

활용 상황

  • 내일 아침 디자인 리뷰가 잡혀 있을 때
  • 리뉴얼을 위해 오래된 화면을 다시 만들 때
  • 디자인 예산이 없는 개인 프로젝트

주요 기능

이미지에서 컴포넌트로

CraftUI가 내세운 핵심은 이미지에서 UI를 만드는 기능이었다. 이미지를 읽고 컴포넌트를 돌려준다. 스크린샷, 목업, 스케치가 입력이 되며 참고 자료가 글이 아니라 사진일 때 유용하다. 출력은 다시 배치할 수 있는 부품이고, 화면을 평면으로 찍은 그림이 아니다.

텍스트에서 UI로

두 번째 입구는 글이다. 원하는 것을 한두 문장으로 쓰면 맞는 컴포넌트가 나온다. 가장 가벼운 시작 방식이고, 이 범주에서 사람들이 제일 먼저 시험하는 경로이기도 하다.

컴포넌트 단위 출력

사이트 전체를 만드는 도구와 갈라지는 지점이다. AI 인터페이스 생성 도구로서 내놓는 것은 부품이지 완성품이 아니다. 디자인 현장에서는 대개 그게 맞다. 잘 만든 카드나 필터 바는 화면 열 개에서 다시 쓸 수 있다.

브라우저에서 끝나기

설치 없이 브라우저에서 돌아간다. 브라우저 디자인 도구의 장점이 여기 있다. 빌린 노트북이나 권한이 막힌 회사 PC에서도 써보고, 작업 흐름에 남길지는 나중에 정하면 된다.

가벼운 반복

작업 단위가 컴포넌트라서 변경 폭이 작다. 카드 하나 때문에 프롬프트를 다시 돌려도 페이지 전체를 새로 만들 필요가 없다. 큰 생성 도구에서 흔히 나오는 불만이 바로 이 지점이다.

장단점

장점

  • 범위가 분명하다: 컴포넌트 생성 한 가지만 하고 앱 빌더인 척하지 않았다.
  • 입력이 두 가지다: 이미지와 텍스트로 참고 자료가 있는 경우와 흐릿한 아이디어만 있는 경우를 모두 덮는다.
  • 설치가 없다: 브라우저에서 돌아가 첫 테스트에 설정이 필요 없다.
  • 손볼 수 있는 출력: 고정된 렌더링 화면보다 부품이 자기 색깔로 맞추기 쉽다.

단점

  • 제품이 사라졌다: 도메인이 판매 페이지를 가리켜 가입도 복구도 할 수 없다.
  • 공개 자료가 거의 없다: 가격 페이지도 변경 이력도 도움말 센터도 없어 알려진 제한을 확인할 길이 없다.
  • 넘겨주기가 수동이다: 공개된 내보내기 방식이나 플러그인이 없어 피그마나 코드로 옮기려면 직접 복사해야 했다.

자주 묻는 질문

없다. craftui.studio는 더 이상 제품을 제공하지 않고 도메인 판매 페이지로 넘어간다. 옛 링크와 튜토리얼은 기록으로만 봐야 한다.