AI 느낌 안 나는 UI 만드는 좋은 팁 있을까?

Claude code는 왜 안 씀?

AI 코딩 툴한테 프론트엔드 디자인 시켜놓고 AI 코딩 툴이 만든 것처럼 보인다고 놀라지 마라. 글쓴이는 AI가 만든 티 안 나게 디자인하는 법을 묻는 거잖아.

Impeccable 스킬을 가져와. 네가 좋아하는 웹사이트를 찾고, Claude한테 그 웹사이트가 Impeccable을 사용해서 철저히 따르는 것처럼 다시 작성하라고 시켜라. 그게 방법이다.

그냥 Claude Design 열고 마음껏 해봐. 아주 잘 작동하니까. 프롬프트가 완벽할 필요도 없어. 그냥 마음에 안 드는 거랑 원하는 방향을 말해주면 돼.

난 AI한테 내가 좋아하는 인터페이스 2~3개를 보여주고, '이거랑 비슷하게 만들어'라고 하는 대신 간격, 타이포그래피, 계층 구조, 밀도 같은 구체적인 복사 요소를 말해줄 때 더 좋은 결과가 나오더라.

작업 프로세스를 파악하고 다른 사람들이 어떻게 하는지 봐라. 여러 소스에서 가져온 예시를 Claude에게 보여주고, 상호작용하면서 대화를 통해 빌드해 나가라. 난 이걸로 법률 사무 관리 스위트 전체를 만들었는데, 지금 시장에 나와 있는 어떤 제품보다 UI가 낫다.

결국 디테일이 핵심이다. 프롬프트에서 제공하지 않는 모든 디테일은 AI가 추측하게 되고, 그 추측이 바로 우리가 말하는 'AI 느낌'이다. 독특하고 지루하지 않은 디자인을 원한다면, 그래픽 디자이너처럼 CC(Claude Code)에게 정확히 원하는 걸 요구해야 한다. 문제는 우리 대부분이 그래픽 디자이너가 아니라는 거지. 프로그래밍을 모르는 사람들이 일반적인 프롬프트만 던져서 'AI 슬롭'을 만들어내는 것과 다를 게 없다.

내 접근 방식인데, 'AI가 만든 것 같은' 느낌을 없애는 데 아주 효과적임:

1. Claude Code한테 바로 디자인을 시키지 말고, 먼저 상세한 기획안을 작성하게 함. 이건 그냥 손으로 타이핑한 프롬프트보다 훨씬 더 깊이 있는 결과를 만들어줌. 왜냐면 Code가 시각적인 걸 생각하기 전에 콘텐츠와 제약 사항을 먼저 구조화하거든.

2. Dribbble에서 내가 원하는 거랑 비슷한 디자인을 찾아서 영감을 얻은 다음, Claude Code한테 그 스크린샷들을 하나의 파일로 모아달라고 함. 이렇게 하면 AI한테 맡기는 대신 구체적인 취향 레퍼런스를 제시할 수 있음...