Indigo.Design 로고

Adobe XD 프로토타입을 더 빠르게 앱으로 전환

Adobe XD용 Indigo.Design 사용하여 크리에이티브 작업 흐름에 디자인 시스템을 도입하고 App Builder ™를 사용하여 완성된 XD 프로토타입을 빠르게 앱으로 전환할 수 있습니다. 한 번의 클릭으로 정적 디자인을 가져와 실제 UI 구성 요소와 스타일을 갖춘 대화형 반응형 앱을 얻을 수 있습니다.

데모 요청지금 사용해 보기
Adobe XD 프로토타이핑을 Indigo.Design으로 내보내기

디자인과 코드를 통해 XD 프로토타입을 앱으로 제작 및 변환

디자인 워크플로우를 시작해보세요

수백 개의 사전 구축된 UI 패턴과 그리드, 차트, 드롭다운, 메뉴 등과 같은 60개 이상의 원자 구성 요소를 사용하여 성공적으로 시작하세요.

프로토타이핑 패턴과 구성 요소를 갖춘 Indigo.Design 아이콘

다양한 시각적 스타일 탐색

디자인의 색상 자산, 문자 스타일, 타이포그래피를 쉽게 조정하여 원하는 모양을 얻을 수 있습니다. Adobe XD UI 키트에는 400개 이상의 아이콘, 특수 색상 팔레트 및 사용자 정의 가능한 일러스트레이션 17개가 포함되어 있습니다.

사용자 정의 테마 및 스타일이 포함된 Adobe XD 내보내기 기능을 갖춘 Indigo.Design 아이콘

코드에 맞게 디자인 — Adobe XD에서 Angular 또는 Blazor로

단일 작업 환경을 통해 생산 준비가 완료된 Angular 또는 Blazor 코드로 설계 속도를 높이세요. 디자이너는 Adobe XD 또는 Sketch와 같은 선호하는 디자인 도구를 사용할 수 있고, 개발자는 Visual Studio, GitHub 또는 선호하는 IDE를 사용할 수 있습니다. 완전히 통합된 설계-코드 시스템으로 사일로를 제거하고 잘못된 의사소통을 줄입니다.

생산 준비 코드에 대한 디자인을 특징으로 하는 Indigo.Design 아이콘

기본 XD 자산 라이브러리

훌륭한 프로토타이핑 및 앱 구축은 구성 요소의 상호 작용 상태, 풍부한 템플릿, 사용자 정의 및 자동 레이아웃 기능과 같은 세부 사항으로 귀결됩니다. 즉시 사용 가능합니다! Indigo.Design의 기본 XD 기능을 사용하면 버튼 유휴 및 마우스 오버와 같은 다양한 효과나 사용자 정의 아이콘 및 일러스트레이션과 같은 기타 창의적인 효과로 구성 요소를 쉽게 사용자 정의할 수 있습니다.

사용자 정의 구성 요소를 사용하여 Adobe XD 프로토타입으로 내보내는 기능을 갖춘 Indigo.Design 아이콘

훌륭한 앱을 쉽게 설계하고 구축할 수 있게 해주는 기능

프로젝트 전반에 걸쳐 사용할 수 있는 Indigo.Design 라이브러리

당신을 위한 Creative Cloud 라이브러리

Indigo.Design 라이브러리에 추가하고 모든 프로젝트에서 사용하여 향후 업데이트, 개선 사항 및 새로운 구성 요소를 자동으로 받으세요. 또는 "사본을 생성"하여 제품 요구 사항에 맞는 고유한 버전을 만들 수도 있습니다.

색상, 타이포그래피, 아이콘 및 구성 요소가 포함된 Adobe XD 라이브러리

더 이상 처음부터 시작하지 마세요

빨리 시작하고 싶으신가요? 기본 Adobe XD 라이브러리 패널로 이동하여 색상, 타이포그래피, 아이콘, 구성 요소 및 패턴 변형으로 생성된 그룹을 찾아 새 프로젝트를 시작하세요. 클릭하고 드래그하기만 하면 빈 캔버스를 멋진 디자인으로 바꿀 수 있습니다.

Adobe XD 웹 애플리케이션을 App Builder로 내보내기

모든 것은 App Builder에서 끝납니다

Adobe XD에서 직접 최첨단 웹 애플리케이션을 만들고, 이를 App Builder의 데이터에 바인딩하고, 이전과는 전혀 다른 방식으로 디자이너와 개발자를 하나로 묶는 하나의 통합된 디자인-코드 작업 흐름을 통해 GitHub에 코드를 푸시합니다.

참조 앱 갤러리 살펴보기

Indigo.Design의 전문가가 되어 갤러리에 있는 몇 가지 참조 앱을 탐색하여 기본 디자인 시스템 원리를 알아보세요. Adobe XD 파일로 다운로드하고 App Builder에서 동일한 앱을 보면서 계층 구조를 살펴보세요.

Sketch 및 Adobe XD 지원

NoXD, 문제 없습니다

이미 사용 가능한 Sketch 지원과 제작 중인 Figma 통해 UX 및 UI 디자인을 위한 주요 도구를 다루었습니다. UI 키트는 동일한 구성 요소, 패턴, 스타일 지정 및 사용자 정의 세트를 제공하지만 각 키트는 해당 도구의 장점을 사용합니다.

Indigo.Design에 대해 문의하세요

Indigo.Design 팀이 애플리케이션을 더 빠르게 설계, 구축 및 테스트하는 데 필요한 도구를 갖춘 완전한 디지털 제품 설계 플랫폼입니다. 더 많은 정보를 얻으려면 아래 양식을 작성해 주세요. 그러면 저희 팀원이 후속 조치를 취해 귀하와 협력할 수 있는 날짜와 시간을 확인하고 일정을 잡을 것입니다.

자주 묻는 질문

Adobe XD 프로토타이핑에 대한 질문과 답변

What is prototyping in Adobe XD?

Adobe XD에서는 일반적으로 클릭할 수 있는 영역 위에 핫스팟을 그리고 핫스팟의 대상 아트보드를 선택하여 인터랙티브한 프로토타입을 만들 수 있습니다. 그러나 Indigo.Design 기반 프로젝트를 클라우드에 게시하면 구성 요소가 자동으로 감지되고 대상 화면을 쉽게 선택하여 핫스팟으로 디자인 파일을 복잡하게 만들지 않고도 최종 사용자에게 동일한 경험을 만들 수 있습니다.

How to use UI kits in Adobe XD?

디자이너가 무료 UI 키트를 다운로드하고 일부 구성 요소를 복사한 다음 프로젝트 요구 사항에 맞게 레이아웃에 붙여넣고 배열하는 것이 거의 표준이 되었습니다. 그러나 Indigo.Design UI 키트 그 이상입니다. 이는 클릭 한 번으로 크리에이티브 클라우드 계정에 추가한 다음 "라이브러리" 패널에서 쉽게 액세스할 수 있는 기본 Adobe XD 라이브러리입니다. 또한 소스 라이브러리의 기본 구성 요소에 연결된 구성 요소 인스턴스를 사용하면 디자인 시스템이 발전함에 따라 자동으로 업데이트됩니다. 또한 이 패러다임은 진정한 디자인 시스템의 핵심 특징 중 하나인 단일 정보 소스를 보장합니다.

대화에 참여