Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy

Indigo.Design

A Unified Platform for Visual Design, UX Prototyping, Code Generation, and App Development

Sign Up For Free


Indigo.Design System

1 Indigo Design System
  • Design in Sketch Using Ignite UI for Angular

    50+ UI components in Sketch map to our Ignite UI for Angular UI toolset. Designs created using these components will generate HTML, CSS & Angular code.

Prototyping & User Studies

2 Prototyping & User Studies
  • Create Prototypes in the Cloud

    Import your Sketch documents or images and then add interactions and transitions to show user flows. Share your prototype with others and view on any device.

Code assets for Angular

3 Code assets for Angular
  • Generate Code Assets for Angular Apps

    With our plugin for Visual Studio Code, you can access your team’s prototypes stored on Indigo.Design. Simply select the parts of the screen you want the code for, and we’ll generate clean Angular HTML, CSS & TypeScript directly to your project!

Product roadmap

Indigo.Design is a unified platform for visual design, UX prototyping, code generation, and app development. Our goal with Indigo.Design is to give you the tools and capabilities to drive productivity across all the personas that make up teams charged with delivering amazing experiences to customers. It is comprised of four parts:

  • Sketch UI Kits in the form of Sketch Libraries that include components, patterns, and apps;
  • Indigo.Design Cloud includes 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.

Each piece has its own roadmap, based on a couple factors:

  • How we deliver value across the tool chain to drive collaboration & productivity for teams
  • How we deliver best-of-breed capabilities for each target persona’s tool of choice

For the remainder of 2018, we have aggressive goals for each tool in the tool-chain tailored to the Visual Designer, UX Designer, and Developer.

Get started today!

Don't stop with prototypes; get it in the hands of real users with our 1-click sharing and the ability to view prototypes on any device. Harness the power of Indigo.Design Cloud for recording user sessions and task analytics.

Use our Essential Plan for free or upgrade to Indigo.Design Professional starting at $39/mo. Want Code Generation? Get Indigo.Design Enterprise for $99/month!

Sign Up For Free Compare Plans

Learning library

General Overview of Indigo.Design System 

Indigo.Design Tour

Install Sketch UI Kits 

Installing the Sketch UI Kits

Using Sketch to build your first artboard 

Building Your First Artboard in Sketch

Aligning and sizing the artboard for code generation 

Alignment & Sizing Artboards for Code Generation

How to get started with Prototyping in Indigo.Design 

Getting Started with Prototyping

Generate Code within Visual Studio Code 

Code Generation in Visual Studio Code

Angular Reference App

Looking for a UX
prototyping solution?

Check out Indigo.Design desktop app for creating prototypes with rich interactivity and custom transitions whether offline or online.

And to get feedback, simply publish to the cloud for commenting, collaboration and usability analytics with video.

Get Indigo.Design desktop