> ## Content Index
> Fetch the complete content index at: https://blog.secondbrush.co.kr/llms.txt
> Use this file to discover other available public pages before exploring further.

# 🔎 #309. Claude가 UI 디자인을 할 수 있을까요?
- URL: https://blog.secondbrush.co.kr/dailyprompt-309/
- Published: 2024-07-18T00:00:00.000Z
- Updated: 2026-02-20T05:59:02.000Z
- Description: Claude와 함께 UI 디자인하기
- Author: Soyeong Choi
- Tags: #maily:import

![첨부 이미지](https://cdn.maily.so/202308/dailyprompt/1692556638460177.png)

구독자님, 안녕하세요?  
매일 1개의 프롬프트를 배달해드리는 **Daily Prompt**입니다. 

오늘은 **Claude와 함께 UI 디자인을 해봅니다.**  

---

## **Claude와 함께 UI 디자인 해보기**

[지난 305회 뉴스레터](https://maily.so/dailyprompt/posts/de53d83c?ref=blog.secondbrush.co.kr)에서 Claude가 웹페이지 디자인을 아래와 같이 해주었는데요, 과연 모바일 앱 UI는 어떨까요?

[![이미지를 클릭하시면 페이지로 이동합니다](https://cdn.maily.so/hocfx0oo6i3k3dwzjdllgaa7q1w8)](https://claude.site/artifacts/e36a6dc0-6bd4-4814-b679-bd4b2b86be84?ref=blog.secondbrush.co.kr)

이미지를 클릭하시면 페이지로 이동합니다

Claude에 접속한 뒤 프롬프트를 입력합니다.

**프롬프트 1:**

채팅 서비스 UI를 디자인하고 싶어. 기능은 복잡하게 많지 않고 심플하면 좋겠어.

이 서비스는 2030대 커플이 사용하는 채팅 서비스고, 서로의 위치를 쉽게 공유할 수 있도록 GPS 지도 기반으로 하고 있어.

이 서비스를 위한 UI를 디자인하려면 어떤 기능이 들어가야 할까?

**프롬프트 입력 결과 1:**

주요 기능을 제안한 뒤, Artifact로 프로토타입까지 만들어줍니다.

![첨부 이미지](https://cdn.maily.so/ktnowzwlusioqwckot5jjlmul4kk)

수정하거나 추가하고 싶은 부분을 프롬프트로 입력하면 반영해줍니다.

**프롬프트 2:**

말풍선 옆에 상대방 프로필 사진도 원형으로 나오면 좋겠어. 프로필 사진은 SVG Art로 고양이를 그려서 넣어줘.

채팅창 실제로 입력하면 전송되게 해줘.  

**프롬프트 2 입력 결과:**

프로필 사진이 추가되었고, 채팅창에 메시지를 입력하면 전송이 됩니다. [아래 이미지를 클릭](https://claude.site/artifacts/f2bbbdc8-69e3-4b9a-8617-3de60feca901?ref=blog.secondbrush.co.kr)하시면 채팅을 해보실 수 있습니다.

[![첨부 이미지](https://cdn.maily.so/rtpo8gogvd474hth19piipagcf1k)](https://claude.site/artifacts/f2bbbdc8-69e3-4b9a-8617-3de60feca901?ref=blog.secondbrush.co.kr)

---

## 마무리

1) 생성형 AI를 사용해 "결과물"을 만드는 것이 정말 쉬워졌습니다. [34회 뉴스레터](https://maily.so/dailyprompt/posts/d83b725d?ref=blog.secondbrush.co.kr)에서 소개드린 'Uizard'를 사용하면 텍스트 프롬프트 입력만으로 아래와 같이 [앱 UI 디자인이 가능](https://app.uizard.io/p/e4f76656/preview?ref=blog.secondbrush.co.kr)합니다.

완전히 새로운 디자인을 제시하면 사용자는 오히려 '불편하다'고 느끼기 때문에 패턴에서 벗어난 디자인을 제시하기가 어렵습니다. 그래서 UI 디자인도 패턴화가 되었고, 이렇게 디자인을 '생성'하는 것이 가능해졌습니다.

[![첨부 이미지](https://cdn.maily.so/nzn1i8uqxxcwlsmizrnj5qv611bm)](https://app.uizard.io/p/e4f76656/preview?ref=blog.secondbrush.co.kr)

2) 우리는 그동안 "결과물"을 평가해왔고, "결과물"로 평가 받는 데 익숙합니다. 이제는 **결과물을 도출해내기까지의 과정을 평가해야할 때**입니다. 채용과정에서 디자인 포트폴리오를 받았을 때 결과물을 보고 이게 'AI'를 사용해 만들어진 포트폴리오인지 아닌지 과연 구분할 수 있을까요? 앞으로 AI로 손쉽게 디자인 한다면 '결과물'을 보고 평가하는 것이 의미가 있는 일일까요? 비단 디자인 영역 뿐만 아니라 모든 영역에서 결과물이 아닌 과정을 평가하는 것으로 바뀔 것입니다.

3) 디자이너의 역량도 단순히 시각화 작업에 머무는 것이 아니라, 서비스 기획, UX 설계, 사용자 인터뷰 등 실제 디자인이 탄생하기 전 리서치 단계의 역량이 중요해질 것입니다. 만드는 것은 AI가 하게 될테니까요.

---

## 오늘의 Midjourney 프롬프트

프롬프트 제공: [@jae\_hong\_\_an](https://www.instagram.com/jae%5Fhong%5F%5Fan/?ref=blog.secondbrush.co.kr)

**오늘의 프롬프트:** an argument between lovers, multiple emotion visualized, anxiety and fear and anger and love and sadness and longing at the same time --ar 16:9 --c 5 --style raw --v 6.0

![오늘의 미드저니 프롬프트 입력 결과](https://cdn.maily.so/uujk252booxdze0e5grtvjgaepjx)

오늘의 미드저니 프롬프트 입력 결과

[그동안 배달한 프롬프트 보기](https://www.secondbrush.co.kr/home/?ref=blog.secondbrush.co.kr)

---

## 프롬프트가 필요하다면

뉴스레터 '데일리 프롬프트'는 2023년 5월에 시작하여, 지금까지 200회가 넘는 뉴스레터를 발행해왔으며, 발행인 소영과 Midjourney 프롬프트를 연재하는 재홍 모두 다음과 같이 책을 출간하였습니다.

![첨부 이미지](https://cdn.maily.so/4yl1qi5w7rj5d07n5sdi4k0ep4x0)

발행인 소영이 쓴 책 <데일리 프롬프트 101>은 일상과 업무에서 사용할 수 있는 ChatGPT프롬프를 담았습니다.ChatGPT 사용이 막막한 분께 추천드립니다.  
👉 [Yes24](https://vo.la/hXDWC?ref=blog.secondbrush.co.kr), [알라딘](https://vo.la/BvrPy?ref=blog.secondbrush.co.kr), [교보문고](https://vo.la/tugJu?ref=blog.secondbrush.co.kr), [카카오톡 선물하기](https://kko.to/qxFILvDljX?ref=blog.secondbrush.co.kr)

'오늘의 Midjourney 프롬프트'를 연재하고 있는 재홍님의 책 <AI Wonderland>는 Midjourney 사용법 및 노하우를 담았습니다.  
**👉** [Yes24](https://www.yes24.com/Product/Goods/126465934?ref=blog.secondbrush.co.kr), [교보문고](https://product.kyobobook.co.kr/detail/S000213242598?ref=blog.secondbrush.co.kr), [알라딘](https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=339342993&ref=blog.secondbrush.co.kr), [카카오톡 선물하기](https://kko.to/e23NJPqMOj?ref=blog.secondbrush.co.kr)  

## Midjourney 프롬프트를 잘 쓰고 싶다면

생생하고 상세한 설명과 함께 Midjourney 사용법을 배우고 싶다면, 재홍님의 [온라인 강의](https://bit.ly/4ceirdH?ref=blog.secondbrush.co.kr)를 추천드립니다:)

\* 강의는 다음 내용을 포함할 예정입니다. 자세한 커리큘럼은 [여기](https://bit.ly/3SshAy1?ref=blog.secondbrush.co.kr)를 클릭해주시면 됩니다.  
 **\- 17가지 생성형 AI 툴 조합 노하우** 
 **\- 활용도 높은 6가지 카테고리+3가지 영상 제작 방법** 
 **\- 프롬프트 생성기+AI 활용 가이드북 제공**

[고퀄리티 이미지와 영상 제작법 강의듣기](https://bit.ly/4ceirdH?ref=blog.secondbrush.co.kr)

\* 강의 수강 관련 문의: 패스트캠퍼스 고객센터 ([링크](https://day1fastcampussupport.zendesk.com/hc/ko?ref=blog.secondbrush.co.kr), 02-501-9396)