9월 7일 월요일

Claude로 나만의 도구 만들기, 핵심은 판단 기준 | XPLORED

9월 7일 월요일

Claude로 나만의 도구 만들기, 핵심은 판단 기준

Claude로 나만의 도구 만들기, 핵심은 판단 기준 — 이미지 출처 : Medium · Sophia Hee

1. 원하는 모양보다 판단 기준을 설명하기

“더 매끄럽게”라는 요청을 구체적인 형태 분류 규칙으로 바꾸면서 결과가 개선됐습니다.

윤곽선은 직선·원호·베지어 곡선으로 구분
- 흐릿한 픽셀 경계를 그대로 따라가지 않고, 어떤 형태인지 먼저 판단하도록 요청했습니다.
로고 속 글자는 유사한 서체를 출발점으로 활용
- 서체를 뼈대로 삼고, 원본의 위치와 굵기에 맞춰 조정했습니다.

2. 잘못된 부분을 표시하고 수정 이유를 남기기

시각적 피드백은 문제의 위치와 의도한 형태를 함께 전달할 때 명확해집니다.

오류가 있는 부분을 직접 동그라미로 표시
- 계단처럼 꺾인 윤곽을 짚고, 실제로는 하나의 대각선이라고 설명했습니다.
수정한 판단 규칙을 코드에 반영
- 다음 로고에서도 같은 설명을 반복하지 않도록 도구의 동작 자체를 개선했습니다.

3. 정답을 직접 만들어 결과 검증하기

직접 만든 SVG를 기준으로 삼으면 어디서 얼마나 어긋났는지 비교할 수 있습니다.

SVG를 PNG로 변환한 뒤 다시 트레이싱
- Claude에는 PNG만 전달하고, 결과를 처음 만든 SVG와 비교했습니다.
확인하고 싶은 조건도 직접 구성
- 흐림, 작은 글자, 계단 현상 등을 만들어 특정 문제를 집중적으로 검증했습니다.

4. 반복 작업은 플러그인으로, 예외는 Claude와 해결하기

검증한 규칙을 Figma 플러그인에 담아 평소 작업 흐름에 연결했습니다.

Figma 플러그인: 일상적인 트레이싱 처리
- 이미지를 옮기거나 매번 대화를 시작하는 과정을 줄였습니다.
Claude: 복잡한 로고의 예외 처리
- 잘못된 부분을 함께 수정하고, 해결한 규칙을 다시 플러그인에 반영했습니다.

XPLORED 관점

디자이너가 눈으로 판단하던 기준을 설명하고 검증하는 과정이, 반복해서 쓸 수 있는 도구로 이어진 사례입니다.

읽기 좋은 상황

AI에 비슷한 수정 요청을 반복하는데 결과가 들쭉날쭉할 때
자주 하는 디자인 작업을 나만의 도구로 만들고 싶을 때

가져갈 포인트

“어색하다”는 감각을 간격·정렬·굵기·모서리처럼 확인 가능한 기준으로 바꿔보기
잘 나온 결과 하나에서 멈추지 않고, 정답이 있는 테스트와 재사용할 규칙을 함께 남기기

이 글은 공개된 원문과 관련 자료를 바탕으로 XPLORED가 요약·해설한 콘텐츠입니다. 원문 및 원문에 포함된 자료의 권리는 각 권리자에게 있으며, 권리자가 수정 또는 삭제를 요청하는 경우 검토 후 조치하겠습니다.