Baroque
Baroque는 프롬프트, 템플릿 또는 URL '재현'을 통해 프로덕션 준비 웹 및 모바일 UI를 생성하는 AI 기반 디자인 스튜디오로, 스타일을 선택하고 편집 가능한 디자인을 빠르게 생성할 수 있습니다.
https://getbaroque.com/?ref=producthunt&utm_source=aipure
제품 정보
업데이트됨:Jun 16, 2026
Baroque이란?
Baroque는 완전한 제품 인터페이스를 빠르게 생성하기 위한 '궁극의 디자인 스튜디오'로 자리매김한 브라우저 기반 AI UI 디자인 생성기입니다. 빈 캔버스에서 시작하는 대신 디자인 스타일을 선택하고 SaaS 랜딩 페이지, 대시보드, 전자상거래 상점, 포트폴리오 또는 모바일 앱과 같이 만들고 싶은 것을 설명하면 Baroque가 몇 초 만에 세련된 프로덕션 준비 레이아웃을 생성합니다. 또한 템플릿 라이브러리를 제공하고 일반적인 디자인 및 빌드 워크플로(Figma 및 HTML/CSS 포함)로 출력을 내보내는 것을 지원하여 초기 아이디어 구상부터 배송 가능한 UI까지 실용적인 도구입니다.
Baroque의 주요 기능
Baroque는 프롬프트, 템플릿 또는 기존 URL을 통해 프로덕션 준비가 된 웹 및 모바일 디자인을 생성하는 AI 기반 UI 디자인 스튜디오입니다. 사용자는 시각적 스타일을 선택하고, 만들고자 하는 것을 설명하며, 와이어프레임 및 재설계된 페이지 개념을 포함한 편집 가능한 결과물을 HTML/CSS 및 Figma로 내보낼 수 있는 옵션과 함께 빠르게 얻을 수 있습니다. 핵심 경험을 사용하기 위해 가입할 필요 없이 아이디어부터 인터페이스까지 빠른 반복을 위해 포지셔닝되어 있습니다.
프롬프트-디자인 생성: 자연어로 제품 또는 화면을 설명하고 스타일을 선택하면 Baroque가 몇 초 만에 완전한 UI 디자인을 생성합니다.
와이어프레임 모드: 단일 프롬프트에서 픽셀 완벽한 와이어프레임을 생성하며, 레이아웃 구조(그리드, 타이포그래피, 구성 요소)를 자동으로 처리합니다.
URL "재구성" 재설계: 어떤 URL이든 붙여넣으면 Baroque가 선택한 스타일로 사이트를 재구성하여 코딩하기 전에 새로운 방향을 미리 볼 수 있습니다.
템플릿 라이브러리: 편집 가능한 프로덕션 준비 템플릿(예: SaaS 랜딩 페이지, 대시보드, 전자상거래, 포트폴리오, 기업 사이트)에서 시작합니다.
Figma 및 HTML/CSS로 내보내기: 생성된 디자인을 일반적인 워크플로로 내보내는 것을 지원하여 디자이너 및 개발자에게 인계할 수 있습니다.
웹 + 모바일 지원: 웹 및 모바일 모두를 위한 디자인을 생성합니다(모바일은 베타로 표시됨).
Baroque의 사용 사례
스타트업 MVP UI 생성: 창업자는 아이디어를 검증하고 더 빠르게 출시하기 위해 랜딩 페이지, 온보딩 및 핵심 앱 화면을 신속하게 생성할 수 있습니다.
에이전시 컨셉화 및 클라이언트 피치: 에이전시는 제안 및 반복 속도를 높이기 위해 여러 스타일 방향을 신속하게 생성할 수 있습니다(템플릿 또는 URL 재구성을 통해).
전자상거래 스토어프론트 프로토타이핑: 새로운 상점 또는 재설계 탐색을 위한 제품 목록, 제품 상세 정보 및 장바구니/결제 UI 개념을 만듭니다.
SaaS 대시보드 디자인: 내부 도구 또는 SaaS 앱을 위한 표준 구성 요소(테이블, 차트, KPI 카드)를 사용하여 분석 대시보드 및 관리 패널을 생성합니다.
마케팅 사이트 재설계 탐색: 마케팅 팀은 기존 URL을 붙여넣고 엔지니어링 시간을 투입하기 전에 대체 스타일/레이아웃을 미리 볼 수 있습니다.
포트폴리오 및 개인 브랜드 사이트: 크리에이터는 깔끔하고 타이포그래피 중심의 포트폴리오 레이아웃을 생성하고 빠른 게시를 위해 콘텐츠를 사용자 정의할 수 있습니다.
장점
프롬프트, 템플릿 또는 URL에서 프로덕션 준비가 된 UI 디자인을 빠르게 생성합니다
다양한 워크플로에 맞는 여러 진입점(와이어프레임, 재구성, 템플릿)
Figma 및 HTML/CSS로 내보내기는 인계 및 구현을 지원합니다
단점
크레딧 기반 제한(예: 무료 티어에서 월 25 크레딧)으로 인해 과도한 사용이 제한될 수 있습니다
모바일은 베타로 표시되어 잠재적인 제한 또는 불안정성을 의미합니다
품질 및 브랜드 특이성은 세련된 최종 디자인을 위해 수동적인 개선이 필요할 수 있습니다
Baroque 사용 방법
1) Baroque 열기: https://getbaroque.com/으로 이동하여 즉시 시작하십시오 (사이트에 '지금 시도하십시오 – 가입 필요 없음'이라고 표시되어 있습니다).
2) 디자인할 항목 선택: 홈페이지에서 주요 워크플로 중 하나를 선택하십시오: 와이어프레임 (프롬프트에서 레이아웃 생성), 재현 (기존 URL 재설계) 또는 웹/모바일 (베타)은 대상 플랫폼에 따라 다릅니다.
3) 디자인 스타일 선택: 사용 가능한 스타일/템플릿에서 시각적 스타일을 선택하십시오. 제품 흐름은 '스타일을 선택하고 비전을 설명하면 몇 초 만에 프로덕션 준비 디자인을 얻을 수 있습니다.'를 강조합니다.
4) (옵션 A) /wireframe으로 프롬프트에서 생성: /wireframe 흐름을 선택하십시오. 단일 프롬프트로 레이아웃을 설명하고 원하는 구성 요소를 지정하십시오. Baroque는 타이포그래피와 그리드가 자동으로 처리되는 와이어프레임을 조립합니다.
5) 생성된 와이어프레임/디자인 검토: 생성된 화면을 검사하고 구조 (탐색, 섹션, 카드, 테이블, 차트 등)가 의도와 일치하는지 확인한 후 다음 단계로 이동하십시오.
6) (옵션 B) /recreate로 기존 사이트 재설계: /recreate 흐름을 선택하십시오. URL을 붙여넣은 다음 스타일을 선택하고 원하는 방향을 설명하십시오. Baroque는 코드를 작성하기 전에 새 모양을 미리 볼 수 있도록 사이트를 '재구성'합니다.
7) (옵션 C) /templates에서 시작: /templates를 열고 큐레이션된 템플릿 (예: SaaS 랜딩 페이지, 대시보드 분석, 전자상거래 상점, 포트폴리오 미니멀, 기업 웹사이트)을 선택하십시오. 콘텐츠로 사용자 정의하십시오.
8) 반복: 프롬프트/스타일/템플릿 개선: 결과가 올바르지 않으면 설명 (레이아웃 요구 사항, 섹션, 구성 요소 선택)을 조정하거나 스타일/템플릿을 전환한 다음 디자인이 목표와 일치할 때까지 다시 생성하십시오.
9) 디자인 내보내기: 생산 인계 및 구현을 위해 HTML/CSS 및/또는 Figma로 내보내려면 내보내기 옵션 (계획에 나열됨)을 사용하십시오.
10) (선택 사항) 더 많은 크레딧/기능이 필요한 경우 계획 선택: 한도에 도달하면 월별 크레딧 및 포함된 기능 (예: 템플릿 및 스타일, 브랜드 키트, AI 일러스트레이션, 사용자 정의 디자인 규칙, 내보내기)에 따라 가격 등급 (Starter/Pro/Pro+)을 선택하십시오.
Baroque 자주 묻는 질문
Baroque는 Sting에서 개발/배급한 로그라이크 롤플레잉 게임입니다. PlayStation 버전은 1999년 10월 28일에 출시되었으며, "Baroque International"(JP)로도 알려져 있고 일본에서는 Wii로도 출시되었습니다.
Baroque와(과) 유사한 최신 AI 도구
Personalized License Plate Generator
사용자 입력을 기반으로 독특하고 개인화된 번호판 디자인을 생성하는 AI 기반 도구입니다.
Keak
Keak은 웹사이트 변형을 자동으로 생성하고 테스트를 시작하며 전환을 최적화하는 AI 기반 A/B 테스트 도구입니다.
Makeasite
Makeasite은 사용자가 프롬프트만으로 빠르게 웹사이트를 생성하고 공유할 수 있는 혁신적인 웹사이트 빌더입니다.
Adviseful
Adviseful은 IT 컨설팅 회사와 디지털 에이전시를 위한 웹 및 모바일 앱 계획을 가속화하는 AI 기반 도구로, 아이디어를 몇 분 안에 적격 리드로 전환합니다.
Baroque와(과) 유사한 인기 AI 도구
GPT Engineer
GPT 엔지니어는 누구나 AI 엔지니어와 채팅하여 웹 애플리케이션을 구축할 수 있도록 하는 AI 기반 소프트웨어 개발 도구입니다.
Framer
Framer는 디자이너가 직관적인 인터페이스로 멋진 반응형 웹사이트를 만들고 즉시 게시할 수 있도록 하는 강력한 웹 빌더입니다.
Framer Workshop
Framer Workshop은 디자이너와 개발자가 간단한 대화형 프롬프트를 통해 코드를 작성하지 않고도 고급 사용자 정의 가능한 웹사이트 컴포넌트를 만들 수 있도록 Framer에 내장된 AI 기반 컴포넌트 생성기입니다.
Wireframer
Wireframer는 Framer의 AI 기반 도구로, 간단한 프롬프트에서 깔끔하고 반응형 웹페이지 레이아웃과 와이어프레임을 빠르게 생성하여 디자이너가 특정 시각적 스타일에 얽매이지 않고 구조적 청사진을 만들 수 있도록 지원합니다.