r/vibecoding•3개월 전•80•59
Claude로 뻔한 AI 템플릿이 아닌 세련된 UI를 디자인하려면 어떻게 해야 할까요?
How do you get Claude to design good-looking UIs (not generic AI templates)
핵심 요약
Claude가 생성하는 UI의 뻔한 AI 느낌을 지우고 세련된 디자인을 얻기 위한 실무적인 팁과 접근법을 논의합니다.
- 디자인 주도권 — AI에게 전적으로 맡기지 말고 사용자가 직접 시각적 계획을 세우고 세부 사항을 지시해야 함
- 시각적 레퍼런스 — 원하는 디자인의 스크린샷을 보여주거나 구체적인 수정 사항을 화살표로 표시해 전달함
- 부정적 제약 조건 — '그라데이션 배경', '둥근 모서리 카드' 등 피하고 싶은 요소를 명확히 지정함
- 도구 활용 — 특정 라이브러리나 프레임워크를 사용하되, AI를 학습 곡선을 줄이는 보조 도구로 활용함
다들 안녕 — Claude를 코딩에 사용하고 있는데, 특히 웹/프론트엔드 디자인(레이아웃, 타이포그래피, 전반적인 미학, 단순 기능성 코드가 아닌)을 더 잘하고 싶어.
사람들이 어떤 방식으로 효과를 보고 있는지 궁금해:
- 직접 만들거나 설치한 커스텀 "스킬"이나 프롬프트 설정이 있어?
- 대략적인 아이디어에서 세련된 UI로 발전시키는 구체적인 워크플로우가 있어?
- Claude가 뻔하거나 템플릿 같은 디자인을 피하게 만드는 팁이 있을까?
- 같이 사용하는 도구나 플러그인(Figma, Tailwind, 컴포넌트 라이브러리 등)이 있어?
특히 "AI 기본값" 느낌이 덜 나고 독창적인 결과물을 얻는 방법을 찾았다면, 실제로 효과가 있었던 경험을 공유해 주면 좋겠어. 고마워!
