AI에게 내 디자인 주면, 잘 못 읽나요?

AI가 잘 읽는 디자인 구조는 따로 있어요!
오늘은 클로드가 잘 읽는 디자인 구조에 대해 알려드릴게요.

텍스트 스타일이 연결되어 있지 않으면 모두 제각각으로 인식헤요.
AI는 이것을 마음대로 해석하고 예측해서 작업 정확도가 떨어질 수 있어요.

피그마에서 색상을 hex 값으로 넣어두면 AI는 색의 역할을 마음대로 추측하여 작업 정확도가 떨어져요.

오토레이아웃이 없으면 내부 요소가 절대 좌표로 인식되어 AI가 반응형이나 정렬 기준을 잘못 해석할 수 있어요.

의미 없는 이름이 많으면 AI가 각 요소의 역할을 파악하기 어려워져요.
레이어 이름은 단순한 정리가 아니라 해석을 위한 중요한 단서예요.

불필요하게 여러번 감싸진 프레임이 많으면 구조가 불필요하게 깊어져요.
단순 껍데기 구조 때문에 AI가 화면 구조를 복잡하게 해석할 가능성이 커요.

아이콘이나 그래픽이 너무 많은 벡터 조각으로 나뉘어 있으면 AI는 이를 하나의 아이콘이 아니라 여러 도형 조합으로 읽어요.
Figma의 Flatten 기능으로 정리해 보아요!

내 디자인, AI가 제대로 읽을 준비 되었는지 체크해볼 수 있는 프롬프트를
아래 링크에서 확인해 보세요!