Ardot

Ardot이란 무엇인가요?

Ardot은 Tencent Cloud의 CodeBuddy 팀이 개발한 협업 디자인 플랫폼으로 현재 공개 베타 중입니다. 제품 관리자, 디자이너 및 개발자 간의 격차를 해소하여 사용자가 텍스트 설명에서 완전히 편집 가능한 UI 디자인 파일을 생성할 수 있습니다. 정적 이미지가 아닌 레이어화되고 컴포넌트 기반의 디자인 문서입니다. Figma에 필적하는 전문 벡터 편집 엔진을 기반으로 구축된 Ardot은 AI 생성, 동적 레이아웃 시스템, 디자인 시스템 관리 및 원클릭 코드 내보내기를 추가합니다. 또한 CodeBuddy, Cursor 및 Claude와 같은 AI 코딩 에이전트와의 MCP 프로토콜 통합을 지원하여 디자인에서 프론트엔드 코드까지의 폐쇄 루프 워크플로우를 가능하게 합니다.

주요 기능

• 텍스트-UI 생성

  자연어로 인터페이스를 설명하면 Ardot이 실시간으로 완전히 편집 가능한 디자인 초안을 스트리밍합니다. 평면화된 이미지가 아닌 별도의 레이어, 교체 가능한 컴포넌트, 편집 가능한 텍스트 및 조정 가능한 색상을 제공합니다.

• 이미지-디자인 변환

  손으로 그린 스케치, 경쟁사 스크린샷 또는 제품 포스터 등 모든 이미지를 업로드하면 Ardot이 적절한 레이어링으로 구조화되고 편집 가능한 디자인 파일로 지능적으로 파싱합니다.

• 전문 벡터 편집

  기울이기, 3D 회전, 향상된 도형 도구, Grid 레이아웃, 백분율 기반 위치 지정 및 실제 비율 잠금을 지원하는 완전한 기능의 벡터 편집기로 다양한 화면 크기에 대응하는 반응형 디자인을 지원합니다.

• 원클릭 코드 내보내기 및 MCP 통합

  디자인 사양에서 직접 CSS, iOS 및 Android 코드를 생성하거나 MCP 프로토콜을 통해 연결하여 CodeBuddy 및 Cursor와 같은 AI 코딩 에이전트가 디자인 파일을 직접 읽고 작업할 수 있습니다.

• 디자인 시스템 관리

  컴포넌트, 색상 스타일 및 텍스트 스타일이 프로젝트 전체에서 전역적으로 동기화됩니다. 팀은 재사용 가능한 컴포넌트 라이브러리를 구축하고 자체 비즈니스 컴포넌트 표준을 기반으로 새로운 UI 디자인을 생성할 수 있습니다.

• 팀 협업 및 기업 보안

  인라인 댓글, 버전 비교, 세분화된 권한 제어, 전체 작업 감사 로그 및 퇴사한 팀원에 대한 자동 권한 취소 기능을 갖춘 실시간 다중 사용자 협업을 지원합니다.

사용 사례

• 빠른 UI 프로토타이핑 : 제품 관리자와 디자이너는 서면 브리프에서 완전하고 편집 가능한 인터페이스 초안까지 몇 분 만에 작성할 수 있어 초기 와이어프레임 및 목업 제작 시간을 대폭 단축합니다.
• 디자인-코드 인계 : 개발 팀은 주석이 달린 사양을 검사하고 디자인 파일에서 직접 프로덕션 준비 CSS, iOS 또는 Android 코드를 복사할 수 있어 구현 중 일반적으로 필요한 반복 작업을 제거합니다.
• Figma에서 마이그레이션 : 현재 Figma를 사용하는 팀은 레이아웃, 스타일 및 컴포넌트를 완전히 보존하여 .fig 파일을 가져올 수 있으며 기존 작업을 재구축하지 않고도 Ardot으로 전환할 수 있습니다.
• 브랜드 일관성 있는 에셋 생성 : 디자인 팀은 기존 컴포넌트 라이브러리를 참조하여 스타일이 일치하는 전체 벡터 아이콘 및 UI 컴포넌트 세트를 생성할 수 있어 일반 템플릿이 아닌 팀 표준에 맞는 출력을 보장합니다.
• 에이전트 디자인 워크플로우 : AI 코딩 에이전트를 사용하는 엔지니어링 팀은 MCP를 통해 Ardot을 연결하여 양방향 디자인-코드 동기화를 활성화하고 에이전트가 디자인 파일을 읽고 프론트엔드 코드를 자율적으로 생성할 수 있습니다.

자주 묻는 질문