yejy53/Editable-Design

해결하는 문제

기존의 이미지 생성 방식은 종종 평면 이미지를 생성하여, 국소적인 변경을 하려면 전체 이미지를 다시 생성해야 하는 경우가 많습니다. 반대로, 직접 코딩하는 방식은 구조를 제공하지만 시각적인 완성도가 일관되지 않은 경우가 많습니다. Editable Visual Design은 고품질의 시각적 방향성과 편집 가능한 시맨틱 레이어를 결합한 구조화된 디자인 결과물을 생성함으로써 이 간극을 메웁니다.

작동 방식

이 시스템은 코딩 에이전트를 사용하여 의도부터 최종 수정까지 전체 디자인 프로세스를 관리합니다. 다음과 같은 3단계 접근 방식을 따릅니다.

1. Coding-Agent-Driven Design: 지속적인 에이전트가 구성을 계획하고, 에셋을 생성하며, HTML을 구현하고, 관찰 결과에 따라 반복 작업을 수행합니다.
2. Visual Prior: 이미지 모델이 초기 예술적 방향(구성, 색상, 계층 구조)을 제공하지만, 최종 출력물은 이미지 모델의 픽셀을 그대로 사용하는 대신 깨끗한 에셋과 HTML 타이포그래피를 사용하여 재구축됩니다.
3. Quality-Gated Artifacts: 출력물은 실제 텍스트, 시맨틱 HTML 레이어, 그리고 편집, 이동 및 내보내기가 가능한 독립적인 에셋으로 구성됩니다.

대상 사용자

고품질의 예술적 지시가 반영된 시각적 결과물(포스터, 인포그래픽, 필드 가이드 등)이 필요하면서도, 완전히 편집 가능하고 PowerPoint와 같은 형식으로 내보낼 수 있어야 하는 디자이너와 크리에이터.

주요 특징

• 편집 가능한 출력물: 평면 이미지 대신 실제 텍스트와 독립적인 에셋이 포함된 결과물을 생성합니다.
• 에이전트 디자인 리플레이: 제작 과정을 가시화하고 추적할 수 있게 합니다.
• 다양한 형식 내보내기: HTML 디자인을 편집 가능한 .pptx 파일로 변환하는 도구를 포함합니다.
• 결정론적 체크: 캔버스, 글꼴 및 레이어 계약에 대한 검사를 통해 품질을 보장합니다.