Indigo.Design(英語版)

ビジュアルデザイン、プロトタイピング、コードの生成、およびアプリケーション開発用統合プラットフォーム

Infragistics 社の製品
1996 年より日本国内にてComponentSourceで販売中。

価格:¥ 176,200 (税抜)〜 バージョン: 18.2 更新日: Nov 6, 2018

i

Indigo Studio has been renamed and is now called Indigo.Design.

Indigo.Design について

ビジュアルデザイン、プロトタイピング、コードの生成、およびアプリケーション開発用統合プラットフォーム

Indigo.Design is a comprehensive, end-to-end, design to code platform for UX designers, visual designers & developers that generates pixel-perfect Angular components from Sketch designs. Create best-in-class UI designs using the expressive Indigo.Design system with Sketch UI Kits and with 50+ components, 30+ UI patterns and complete app scenarios, getting started is easy.

Indigo.Design is made up of four key parts:

  • Sketch UI Kits in the form of Sketch Libraries that include components, patterns, and apps.
  • Indigo.Design cloud services for image-based prototyping, collaboration with stakeholders, and unmoderated usability studies.
  • Visual Studio Code Extension that generates Angular code.
  • Ignite UI for Angular UI components & controls for high-performance, touch-first mobile, and desktop web apps.

The Sketch UI Kits come complete with 50+ UX/UI patterns that make it easy to design your apps in Sketch. The UI Kits have extensibility built in, so you can extend or customize components or UX patterns easily for your brand needs.

Once the Sketch design is complete, you can import your Sketch file to the Indigo.Design Cloud. In the cloud, you can add interactions and transitions to show user flows and screen interactions. Indigo.Design Cloud has a few other great benefits that help drive your UX process:

  • Share your prototype with others and view on any device, enabling a collaborative feedback loop with stakeholders
  • With unmoderated usability studies, watch users interacting with your prototypes and get real-time reports, as people complete tasks. Access is unlimited, with no cap on participants and user videos.
  • Organize and share designs by project with private or public Group Workspaces, which also lets you stay up to date with notifications on any updates to your design, or to threaded comments from your team.

After collaborating with stakeholders and getting feedback on your prototype, simply share the URL of your design with your development team. They'll use the Infragistics plugin for Visual Studio Code, which gives them access to the design in the Indigo.Design Cloud, letting them select the parts of the screen they want to code gen, and it will insert beautiful, clean Angular, HTML, CSS, & TypeScript into their project.

The best part is the generated code is built on Ignite UI for Angular, a complete set of enterprise-ready Material-based native Angular UI controls & components, including with the fast Angular Grid & Angular Chart.

Indigo.Design Professional Features

  • Interaction triggers for mobile / desktop and animated transitions.
  • Generate offline interactive version of the prototype from the desktop app.
  • Sketch plugin to export artboards and edit in the desktop app.
  • Create prototypes in the cloud on Indigo.Design by importing Sketch documents or images.
  • Share a private link to the prototype with anyone and view on any device.
  • Conduct design reviews with others using comments and email notifications.
  • Run unlimited usability testing with video replays and analytics.
  • Collaborate with others using group workspaces and version history for prototypes.
  • Create reusable UI libraries in the desktop app and share with others.

Indigo.Design Enterprise Features

  • Interaction triggers for mobile / desktop and animated transitions.
  • Generate offline interactive version of the prototype from the desktop app.
  • Sketch plugin to export artboards and edit in the desktop app.
  • Create prototypes in the cloud on Indigo.Design by importing Sketch documents or images.
  • Share a private link to the prototype with anyone and view on any device.
  • Conduct design reviews with others using comments and email notifications.
  • Run unlimited usability testing with video replays and analytics.
  • Collaborate with others using group workspaces and version history for prototypes.
  • Create reusable UI libraries in the desktop app and share with others.
  • Access to Indigo Design system to create high-fidelity designs in Sketch App.
  • Code generation for Angular apps using VS code plugin.
  • Develop apps using Ignite UI for Angular UI framework.