How I Get AI To Follow My Designs
- AI는 디자인의 60% 정도만 정확하게 구현하므로, 100% 완벽을 기대하기보다 초기 결과에 대한 현실적인 기대를 설정하는 것이 중요합니다. 📉
- AI가 디자인을 정확히 따르도록 하려면, 전체 스크린샷을 다시 주는 대신 디자인을 작은 부분으로 나누어 각 요소에 대해 매우 구체적이고 상세한 지시를 반복적으로 제공해야 합니다. ✍️
- AI가 60%를 구현하면 나머지 40%는 사용자가 세부적인 프롬프트를 통해 완성한다는 마음가짐으로 접근해야 실망을 줄이고 효율성을 높일 수 있습니다. 🤝
- 색상, 타이포그래피, 레이아웃, 그림자, 테두리 반경, 패딩, 정렬 등 모든 시각적 및 구조적 세부 사항을 명확하게 지시할수록 AI의 결과물이 디자인에 더 가까워집니다. 🎨
- Claude Code에서 'ultra think'와 같은 특정 명령어를 사용하면 AI가 더 오래 생각하고 결과물의 품질이 향상될 수 있다는 경험적 팁이 있습니다. 🧠
- AI가 새로운 파일을 제대로 연결하지 못하는 경향이 있어, 초기에는 모든 코드를 단일 파일에 넣는 것이 효율적이며, 스크린샷의 상태바 같은 불필요한 요소를 구현하지 않도록 명시해야 합니다. 🛠️
- 여러 Claude Code 인스턴스를 동시에 실행하여 다른 AI 에이전트가 앱의 여러 부분을 병렬로 작업하게 함으로써 구현 속도를 높일 수 있습니다. 🚀
- Mobin과 같은 디자인 라이브러리는 복잡한 UI 문제 해결을 위한 영감을 얻고 초기 디자인 스크린샷을 찾는 데 매우 유용합니다. ✨