사양 중심 설계 — 논리에서 스타일까지
1. 방향을 스타일 스펙으로 바꾸기
무드보드와 참고 자료를 AI가 실행할 수 있는 명시적인 규칙으로 변환합니다.
- 이미지와 디자인 패턴을 수집하고, 선택한 이유와 적용 의도를 주석으로 남깁니다.
- 분위기만 전달하는 레퍼런스에서 해석 가능한 디자인 결정으로 전환
- AI 에이전트가 무엇을 유지하고 바꿔야 하는지 판단할 기준 마련
- 정제한 방향은 `DESIGN.md`나 `StyleGuide.md`에 구조화합니다.
- 색상, 타이포그래피, 간격, 분위기 같은 시각 규칙 정의
- 디자인과 구현이 공유하는 하나의 기준점으로 활용
2. 제어력을 유지하며 점진적으로 구현하기
자연어 스타일 가이드를 한 번에 적용하기보다 작은 단위로 구현하고 확인합니다.
- AI 에이전트가 스펙을 바탕으로 기능 중심 프로토타입에 시각 스타일을 단계적으로 입힙니다.
- 각 단계의 결과를 비교하며 오차와 해석 차이를 빠르게 발견
- 구조와 스타일을 분리해 수정 범위와 영향도를 명확하게 유지
- 디자이너는 생성 결과의 오차 범위를 받아들이되 디테일에 대한 결정권은 유지합니다.
- 기대와 다른 부분을 구체적인 언어로 피드백
- 반복 과정에서 스펙도 함께 보완해 다음 결과의 일관성 향상
3. 결과를 정제하는 세 가지 경로
결과물의 상태와 필요한 정밀도에 따라 가장 효율적인 수정 방식을 선택합니다.
- 프롬프트 개선
- 시각적 문제를 정확한 언어로 표현해 AI 에이전트와 대화하며 정제
- Figma 활용
- MCP나 직접 복사를 통해 코드를 Figma 레이어로 옮겨 픽셀 단위로 조정
- 코드 직접 수정
- CSS 등 필요한 부분을 바로 편집해 빠르고 비용 효율적으로 마무리
