본문 바로가기
카테고리 없음

[바이브코딩-AI] UI 전용 빌드 툴

by james_janghun 2025. 6. 30.

1. bolt

https://bolt.new/

 

bolt.new

Bolt is free all weekend Build apps and sites in chat. Start now. Learn more

bolt.new

- 프롬프트와 그림을 첨부할 수 있음

- figma나 github 연동도 가능해서 해당 부분이 유리할 것을 ㅗ보임.

 

- 코딩 상당히 잘하고 ui도 잘 만드는 편으로 보임

 

supabase와 github integrations도 지원해서 다양한 프로젝트 가능

stripe는 결제모듈로 해당 통합을 이용해서 결제까지 붙일 수 있도록 한것으로 보임 (stripe는 해외에서 사용가능할 것임.)

 

 

2. stitch

https://stitch.withgoogle.com

 

Stitch - Design with AI

 

stitch.withgoogle.com

 

- stitch의 가장 강력한 기능은 figma로 전송이 가능하다는 점이다. 심지어 컴포넌트 별로 분류도 된다.

- 다만 아직까지는 프롬프트를 통해서 작업한 내용만 figma로 가능하며, 사진을 첨부할 경우 beta기능을 이용해야하는데 여기서는 figma전송이 불가능하다.

 

- 코드자체는 html정도만 제공하고 있다. 따라서 figma 컴포넌트로 만들기에는 아주 유리하다.

 

- 심지어 Edit 버튼을 누르면 기존의 컴포넌트도 직접 수정이 가능하다.

- 또한 모바일과 웹 버전을 사용할 수 있다.



 

 

3. same

https://same.new/

 

Same

 

same.new

 

- 현재로써는 프롬프트와 그림첨부 가능

- terminal을 통해서 가상 서버 오픈하여 호스팅하는 방식

- APP에서 실제로 vite화면송출

 

- Editor

코드 에디터 화면 송출 (실제로 코드 수정가능)

다만 코드가 src에 App.tsx에 몰아서 넣어지기 때문에 해당 코드 규칙에 대해서 명확하게 명시해야할 것으로 보임.$

 

- deploy나 다운로드가 가능한데, 이는 pro 기능으로 비용이 발생함