OpenDesign 쇼케이스:
AI 디자인 예시

OpenDesign에서 AI 디자인 예시 만드는 방법

1. OpenDesign 다운로드 및 설치

   macOS 또는 Windows용 데스크톱 앱을 다운로드해 설치하고 설정을 완료하세요. 이미 사용 중인 모델 제공업체를 연결하면, OpenDesign이 사용자의 키를 사용해 기기에서 실행됩니다.

   다운로드

2. 아이디어와 가까운 사례 연구에서 시작하기

   위의 사례 연구를 결과물 유형별로 필터링한 뒤, 만들고 싶은 것과 가까운 사례를 여세요. 브리프와 사용된 모델, 설명된 레이아웃 결정 사항을 읽고 유지할 부분과 바꿀 부분을 메모하세요.

3. 디자인을 요청하기 전에 브리프 작성하기

   결과물 유형, 화면이나 섹션, 샘플 콘텐츠, 중요한 상호작용 하나를 명시하세요. 디자인이 사실을 지어내지 않도록 실제 정보와 자리표시자를 구분해 알려주세요.

   프롬프트 예시프롬프트 복사

   가상의 동네 빵집 웹사이트 디자인을 만들어 주세요. 오늘의 빵을 소개하는 히어로 영역, 오전과 오후로 나눈 메뉴, 영업시간, 입력란에 자리표시자임을 명확히 표시한 사전 주문 양식을 포함하세요. 내비게이션은 직관적으로 구성하고, 모든 제목은 실제 텍스트로 작성하며, 읽기 쉬운 모바일 레이아웃을 만드세요.

4. 모델을 선택하거나 두 모델 비교하기

   레이아웃과 문구를 믿고 맡길 모델을 선택하세요. 두 모델이 같은 브리프를 어떻게 처리하는지 보려면 다음에서 실행하세요: LLM Arena 이 페이지의 Arena 사례 연구가 먼저 그랬듯이.

5. 전체 페이지를 다듬기 전에 한 섹션부터 개선하세요

   한 번에 한 섹션씩 수정 사항을 요청하세요. 계층 구조, 여백, 상태, 문구를 살펴보고, 효과를 페이지 전체로 확장하기 전에 모바일 레이아웃과 모션 감소 상태도 확인하세요.

6. 내보내고 공유 링크 받기

   완성된 디자인을 HTML로 내보낸 다음, OpenDesign에서 공유를 눌러 링크를 받으세요. 별도의 브라우저 창에서 링크를 열어 원하는 버전과 에셋이 제대로 로드되는지 확인한 후 보내세요.