Indigo.Design logo

디자인에서 코딩까지, 앱을 효율적으로 개발 수 있습니다.

앱 개발에 대한 기존의 접근 방식이 혁신적인 아이디어를 막아서지 않도록 하세요. 프로토타이핑, 사용적합성 테스트 및 코드 생성을 통합한 완벽한 설계 코드 시스템인 Indigo.Design을 통해 핸드오프를 제거하고, 비용이 많이 드는 반복 작업을 최소화하여 단기간에 효율적으로 앱 개발을 할 수 있습니다.

Indigo.Design의 이야기

디자이너와 개발자 모두를 위한 유일한 디자인 시스템

Sketch UI 키트로 Indigo Design 시스템의 컴포넌트와 UX 패턴을 사용하여 최강의 UI 디자인을 만들 수 있고 미리 준비된 패턴으로 프로세스를 시작하거나 사용자가 정의한 UI 라이브러리를 만들 수도 있습니다. 그리고 Visual specs로 손쉽게 공유하여 Angular 코드를 생성해보세요.

  • 사용자 지정할 수 있는 50개 이상의 UI 키트 컴포넌트
  • UI 키트 및 개발에 대한 테마 생성
  • 제품 팀을 위한 디자인 언어 공유
시작하기

실제 업계 사람들과 함께 디자인을 테스트할 수 있습니다.

코딩하기 전에 초기 단계부터 수시로 피드백을 받아 비용이 많이 드는 반복 작업을 방지할 수 있습니다. 프로토타입에 대한 사용자 테스트를 신속하게 진행하고 사용자가 화면별 또는 비디오에서 작업하는 방법을 확인할 수 있습니다. 또한 테스터는 어떤 기기에도 참여할 수 있고 작업 분석 보고서도 주고 받을 수 있습니다.

  • 테스트를 위해 클라우드에서 프로토타입 생성
  • 모의 사용적합성 테스트를 통해 초기 단계부터 피드백 받기
  • 여러 번 테스트하고 한 번만 코드를 입력
시작하기

Angular 컴포넌트 사용 준비 완료

디자인 시스템의 스케치에서 당신이 만들어낸 모든 것들이 Agular 컴포넌트와 일치할 것입니다. 버튼 하나로 디자인에서 성능 저하 없는 고품질의 HTML, CSS 및 Agular 코드를 생성해보세요.

  • Ignite UI에서 전문가급 컴포넌트 획득
  • IDE에서 직접 코드 생성
  • 간편한 수정—평일 24시간 내내 전 세계 개발자들로부터 도움을 받거나 우수한 문서를 제공받을 수 있습니다.
시작하기

무료로 Indigo.Design 체험하기

무료로 가입하기

리뷰

이만한 애니메이션 기능을 가진 프로토타이핑 도구가 없습니다. 성공을 위한 최고의 방법이라고 할 수 있습니다. 인터랙티브 프로토타이핑, 사용적합성 테스트 그리고 다른 직원들과의 협업을 위해 유용하게 사용할 수 있는 명확하게 설명된 기능들이 많이 있습니다. 스케치에서 디자인을 복사/붙여넣고 어떤 방법으로도 인터렉션을 해낼 수 있었습니다.

Pavol D.UX 디자이너

Indigo는 와이어프레밍이나 Axure나 Balsamiq와 같은 프로토타이핑 툴을 대체하는 훌륭한 제품이었습니다. 애니메이션으로 인터렉티브 프로토타입을 신속하게 제작하고 스케치와 동기화하여 아티팩트를 재사용할 수 있는 기능이 있어 편리합니다. 저희는 또한 이 프로그램 덕분에 사용적합성 시험을 워크플로우에 포함시키기 시작했습니다.

익명 - Capterra컴퓨터 네트워킹

현재 구할 수 있는 최고의 툴입니다. 시중에 나와 있는 와이어프레밍 도구들을 모두 살펴봤지만 Indigo의 장점이나 특성을 갖춘 제품은 하나도 없었습니다. 와이어프레임을 사이트로 배치할 수 있는 기능은 저희에게 매우 중요한 기능이었습니다.

Michael S.소프트웨어 아키텍트

코딩이 없이도 작동할 수 있는 비기술 관리자들을 위한 훌륭한 프로그램입니다.
기술적인 것보다 창의성과 UI에 집중하게 해주었습니다. 저희 공동 창립자들 중에 코딩 경험이 있는 사람은 아무도 없었지만, 멘토와 팀원들을 모집하는 게 매우 중요하기 때문에 더욱 감사한 프로그램이었습니다.

Luke P.공동 창립자

나는 그동안 Balsamiq으로 일해왔지만 Indigo로 바꾸고 나서 향상된 기능들을 이용할 수 있어 매우 만족 중이다.
익터렉션 설계 및 설정이 매우 용이하다. 테스트 하는 건 식은 죽 먹기고 교육용 영상도 상당히 완성도가 훌륭하다!

Brenda A.비즈니스 구현 컨설턴트

가장 큰 장점은 최종 제품이 나오기 전에 어떤 모습일지를 체크할 수 있었고, 사용자들의 피드백을 얻기 위해 데모 버전을 만들 수 있었다는 점이다. 화면에 사용된 컨트롤이 부트스트랩 등과 일치하여 개발자들이 프로그램을 더 쉽게 이용할 수 있었다.

Frederick N.개발팀 팀장
humana
intel
mellon
pearson
thomson reuters

Indigo.Design 가격

가격별 특성 비교

Essential

무료

무제한 웹, 모바일, 데스크톱 프로토타입을 위한 강력하고 신속하게 프로토타이핑.

Windows 또는 OS X용 Indigo.Design 데스크톱 앱을 다운로드해보세요. 이 플랜에는 Indigo.Design 엔터프라이즈용 기능이 제공되는 14일 평가판이 포함되어 있습니다.

Professional

$39/월 사용자별 또는 $399/년 (15% 할인 포함)

ESSENTIAL에 포함된 기능:

사용적합성 테스트, 분석, 비디오 재생 및 그룹 협업이 제공되는 클라우드에서 프로토타입을 제작할 수 있습니다.

Enterprise

$99/월 사용자별 또는 $995/년 (10% 할인 포함)

PROFESSIONAL에 포함된 기능:

컴포넌트, UX 패턴, Angular UI 프레임워크(Ignite UI), 프로토타입에서의 코드 생성이 있는 스케치용 Indigo.Design 시스템.

온-프레미스

$10,000/년

PROFESSIONAL에 포함된 기능:

영상 다시보기를 통한 안정적인 온-프레미스 프로토타이핑, 협업 및 사용적합성 테스트.

하나의 서버를 포함합니다.

앱 예시

스케치 UI 키트, Agular 코드를 포함한 샘플 앱 다운로드.

예산 관리

Agular 금융 앱dmfh 예산을 관리하고 입출금을 추적할 수 있습니다.

더 알아보기

People 앱

People 앱은 목록, 디테일, 편집 기능을 제공하는 Master-Detail 앱입니다.

더 알아보기

Resources 배우기

쾌적한 사용자 환경을 만드는 데 필요한 리소스를 시작해보세요.

General Overview of Indigo.Design System

Indigo.Design 알아보기

Install Sketch UI Kits

스케치 UI 키트 설치하기

Using Sketch to build your first artboard

스케치에서 첫 아트보드 제작하기

Aligning and sizing the artboard for code generation

코드 생성을 위한 아트보드 정렬 및 크기 조정하기

How to get started with Prototyping in Indigo.Design

프로토타이핑 시작하기

Generate Code within Visual Studio Code

Visual Studio 코드의 코드 생성

오늘부터 시작해보세요!

무료로 가입하기
Capture user videos and analytics

Indigo.Design 데스크탑

뛰어난 상호작용성을 갖추었고, 사용자 지정 전환이 가능한 프로토타입을 오프라인 또는 온라인에서 생성하려면 Indigo.Design 데스크톱 앱을 확인해보세요.

피드백을 위해 클라우드에 게시하여 비디오로 코멘트를 받거나 협업을 하거나 사용적합성 분석을 수행해보세요.