Insights
AI가 자동으로 큐레이션·번역·정리하는 기술 동향 피드입니다.
AI 디자인에서 흔히 발생하는 '슬롭(slop)'을 피하는 효과적인 방법을 제시합니다. 단순히 AI에게 맡기기보다, 긍정적/부정적 레퍼런스를 제공하고 높은 사고 수준으로 작업을 진행해야 합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 X 토픽: MCP의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기좋은 소식입니다. AI 디자인 슬롭(design-slop)을 피하는 것이 이제 쉽습니다 (다만, 무엇을 해야 하는지 알고 있다면 말이죠).
단지 이 3가지만 하면 됩니다:
AI는 취향을 맡기면 '슬롭스러운' 디자인으로 기울어집니다. 따라서 대신 특정 지점을 알려줘야 합니다.
디자인이 마음에 드는 사이트를 찾은 다음, 세 가지 방법 중 하나로 이를 에이전트에게 전달하세요:
Lafys는 스타일과 기술 스택별로 태그가 지정된 검증된 웹사이트 프롬프트의 무료 라이브러리입니다. 원하는 것과 비슷한 것을 가져와서 빈 상태에서 시작하는 대신 그것부터 시작하세요.
Google Stitch는 모든 URL을 가리키고 디자인 시스템을 디자인 마크다운(design md)으로 추출합니다. 색상, 타이포그래피 스케일, 간격, 레이아웃 규칙 등이 모두 일반 마크다운으로 작성됩니다. 이 파일을 프로젝트에 넣으면 모델이 추측하는 대신 그 사양에 맞춰 빌드합니다.
Figma의 Chrome 확장 프로그램은 모든 실시간 사이트를 완전히 편집 가능한 Figma 레이어로 복사합니다. 텍스트, 색상, 간격, 구성 요소 등 모든 부분이 편집할 수 있는 실제 레이어로 들어옵니다. 정리한 다음, Figma MCP를 에이전트에 연결하여 실제 디자인을 읽고 바로 빌드하게 하세요.
인용된 트윗의 스크린샷을 찍어 에이전트에게 그 안의 모든 것을 피하도록 지시하세요.
그라디언트, 과장된 자간(letter spacing), 글래스모피즘(glassmorphism), '실시간' 배지 등과 같은 요소들 말입니다.
당신은 AI에게 슬롭을 반대 목표물로 제시하는 것입니다.
디자인은 추론 과정이 결과물에 직접적으로 나타나는 작업 중 하나입니다.
기본값으로 두면 매번 슬롭 버전의 결과를 얻게 됩니다.