Logo for Indigo.Design application for prototyping

신속하게 애플리케이션을 디자인/개발하기

완벽한 디자인-코드 솔루션을 갖춘 세계 유일의 디지털 디자인 플랫폼인 Indigo.Design 시리즈인 Indigo.Design App Builder는 새로운 클라우드를 기반으로 한 WYSIWG 드래그 앤 드롭 툴로, 이전보다 더 빠르게 비즈니스 앱을 디자인하고 개발할 수 있도록 도와줄 것입니다.

애플리케이션 디자인, 테스트, 개발의 가속화

Indigo.Design과 새 App Builder를 통해 생산성을 획기적으로 올릴 수 있습니다! Adobe XD, Sketch & Figma와 같은 디자인 툴과 호환되는 시스템 상에서 실제 UI 컨트롤, 수많은 테마 옵션, 표준 기반 코드 출력 등의 기능이 지원되기 때문에 Indigo.Design App Builder를 통해 제한 없이 원하는 제품을 만들 수 있습니다.

앱 제공 가속화

Indigo.Design을 사용하면 단일 작업 환경을 구현할 수 있습니다. 매니저, 디자이너, 개발자는 설계 프로세스 도중 단일 소스 출처를 관리하기 위해 수고스럽게 여러 툴을 사용하지 않아도 됩니다. 이를 통해 핸드오프에서 일반적으로 발생하는 마찰, 통신 오류 등의 문제 발생을 줄일 수 있습니다.

Accelerate App Delivery

템플릿/스타터 레이아웃 완성

사전에 제작한 앱 템플릿 중 하나로 시작하거나 사전에 설정된 레이아웃 옵션 중 하나를 사용하여 즉시 앱을 만들 수 있습니다. 간단하게 디자인을 수정하고 테마를 바꾸기만 하면 끝입니다!

Complete Templates and Starter Layouts

100% 클라우드 기반 WYSIWYG

용량이 큰 IDE나 제3의 외부 앱을 다운로드할 필요가 없습니다. 필요한 모든 것이 웹 상에 있으며, 모든 플랫폼에서 팀 구성원 전체가 액세스할 수 있습니다.

100% Cloud-Based WYSIWYG

실시간으로 미리보기 확인

디자인을 하고있을 때도 실행 중인 앱/라이브 소스 코드를 실시간으로 확인할 수 있습니다. 앱이 어떤 원리로 작동하고 움직이는지 앱 경험을 즉시 경험해 보실 수 있습니다.

Instant Real-Time Preview

디자이너와 개발자 모두가 좋아할 만한 특징들

App Builder featuring code preview and Visual Studio code

프로덕션 준비 코드 가져오기

2021년 초에 출시되는 모든 디자인은 현재 Angular용 HTML, TypeScript, CSS, React, Web Components, Blazor 등의 프로덕션 준비를 마친 결과물입니다! 앱 전체의 zip 파일을 만들거나 다운로드할 때 실시간으로 볼 수도 있습니다.

App Builder featuring rich layout system

지루한 작업의 간소화

지루하고 반복적이며 시간이 많이 걸리는 작업 말고 중요한 업무에 집중하세요. 최신 레이아웃 시스템과 다양한 기능을 갖춘 컴포넌트 툴박스를 이용하여 몇 분 만에 스크린과 전체 앱을 만들 수 있습니다!

App Builder featuring themes and styling

무제한 테마/스타일

사전 제작된 테마/타이포그래피 (Material, Bootstrap, Fluent)를 사용하거나 컨트롤별, 화면별, 앱별로 고유의 앱 테마/브랜드 이미지에 맞게 사용자 정의할 수 있습니다.

App Builder featuring the ability to import Sketch, Adobe XD and Figma designs

Sketch, Adobe XD, Figma Designs 불러오기

클릭 한 번으로 정적 디자인을 채택하고 실제 UI 컴포넌트 및 스타일을 갖춘 대화형 응답성 앱을 이용할 수 있습니다.

App Builder featuring the ability to iterate on your app design before code

완벽한 반복적 디자인

Indigo.Design Cloud 디지털 디자인 플랫폼 기능을 사용하여 코드를 작성하기 전 앱 빌더에서 바로 프로토타이핑, 팀 협업, 사용자 테스트, 분석 등을 통해 앱 디자인을 반복해보세요. 코딩을 시작하기 전에 완벽한 픽셀을 얻을 수 있습니다!

지금 시작하기

App Builder 시작하기
UX designer using his tablet.

미리보기 버전에는 어떤 기능들이 있습니까?

  • 전체 WYSIWYG 앱 디자인
  • Material, Bootstrap, Fluent, 사용자 지정 테마/타이포그래피
  • 속성 편집기가 있는 UI 컨트롤 라이브러리
  • 데이터 바인딩을 사용하는 데이터 반복기
  • 상대적, 절대적, 고정된 위치가 있는 레이아웃
  • 전체 Angular 프로젝트 다운로드
  • 인스턴트 앱 미리보기/코드 미리보기
  • 샘플 앱 및 스타터 라이브러리

앞으로 어떤 기능들이 추가될 예정인가요?

  • 툴박스 내 더 많은 UI 컨트롤
  • 개선된 컴포넌트 속성
  • 사용자 지정 컴포넌트 지원
  • Excel, JSON 데이터소스
  • Adobe XD, Sketch, Figma 불러오기
  • React, Web Components 코드 생성
  • 팀 디자인을 위한 동시 실행
  • 추가적인 샘플/레이아웃 시작 프로그램
  • 사용자 지정 레이아웃 템플릿
  • 그 밖에 셀 수 없이 다양한 기능들!

리소스 배우기

쾌적한 사용자 환경을 구축할 때 필요한 리소스를 활용하세요.

더 알아보기
 Get Started with App Builder

App Builder로 시작하기

 create app layouts

App 레이아웃 생성

 Using Indigo.Design components

Indigo.Design 컴포넌트 활용

 Customize Indigo.Design app themes

사용자 지정 앱 테마

 Single-Page Apps and Navigation

단일 페이지 앱 및 탐색 설정

 Preview and Generate App Code

앱 코드 미리보기 및 생성