Indigo.Design logo

Streamline App Creation from Design to Code

Don’t let a siloed approach to app creation slow down innovation. Eliminate hand offs, reduce costly iterations and enable true Design-Development collaboration with Indigo.Design – a complete design-to-code system – integrating prototyping, usability testing, and code generation.

The Indigo.Design Story

One design system for designers & developers

Create best-in-class UI designs using our components and UX patterns in the Indigo Design System with Sketch UI kits. Jumpstart your process with pre-built patterns or create your own custom UI library. And then easily share as visual specs to generate Angular code

  • 50+ UI kit components ready for customization
  • Generate themes for UI kit and development
  • Shared design language for product teams
Get Started

Test your designs with real people

Avoid costly iterations by getting feedback before coding—early and often. Quickly set up user testing for your prototypes and see how users engage screen-by-screen or on video. Also receive task analytics reports. Testers can participate on any device.

  • Create prototypes in the Cloud for testing
  • Get feedback early with unmoderated usability testing
  • Test many, write code once
Get Started

Get ready-to-use Angular components

Everything you craft in Sketch from the design system matches our Angular components. With the click of a button, generate high-quality HTML, CSS, and Angular code from your design with no compromise.

  • Get professional-grade components from Ignite UI
  • Generate code directly in your IDE
  • Modify easily—you're backed by 24/5 worldwide developer support and excellent documentation
Get Started

Experience Indigo.Design for free

Sign Up for Free

Reviews

There isn't any prototyping tool with this kind of animation capabilities. The best for the money. There is a lot of intuitive features for interactive prototyping, usability testing, and collaboration. You can copy/paste your designs from Sketch and animate your interactions in any possible way.

Pavol D.UX Designer

Indigo is a great replacement to wireframing and prototyping tools like Axure and Balsamiq. Ability to create interactive prototypes with animations quickly and also to sync with Sketch to reuse artifacts. We are also starting to include usability testing in our workflows.

Anonymous - CapterraComputer Networking

Best tool on the market. We looked at all the wireframing tools on the market, and none have the features that Indigo has. The ability to be able to deploy wireframes as a site is invaluable to our proposal process.

Michael S.Software architect

Great program for non-technical managers. Display a fully functioning software w/ no coding necessary.
Lets me focus on creative and UI more than anything else. This is extremely important as recruiting mentors and team members relied heavily on demonstrating this UI even though none of our co-founders have any coding experience.

Luke P.Co-Founder

I have worked in Balsamiq and made the switch to Indigo and LOVE the enhanced features.
Extremely easy to design and setup interactions. Testing is a breeze! The training videos are GREAT!

Brenda A.Business Implementation Consultant

The biggest benefit is that we were able to produce what the end product would look like before we had developed it, and we could demo it to get user feedback. Controls used in the screens matched bootstrap, etc. making it easier for developers to deliver as the prototype matches what can be produced.

Frederick N.Development Team Lead
humana
intel
mellon
pearson
thomson reuters

Indigo.Design Pricing

Compare Plan Details

Essential

Free

Powerful, rapid prototyping for unlimited web, mobile, and desktop prototypes.

Download Indigo.Design Desktop app for Windows or OS X. This plan includes a 14-day evaluation of Indigo.Design Enterprise features.

Professional

$39/mo per user Or $399 /yr (includes 15% discount)

Everything in ESSENTIAL plus:

Prototyping in the cloud with built-in usability testing, analytics, video replays and group collaboration.

Enterprise

$99/mo per user Or $999 /yr (includes 10% discount)

Everything in PROFESSIONAL plus:

Indigo Design System for Sketch with components and UX patterns, Angular UI framework (Ignite UI), and code generation from prototypes.

On-Prem

$10k/yr

Everything in PROFESSIONAL plus:

Secure, on-premises prototyping, collaboration, and usability testing with video replays.

Includes one server.

Application Examples

Download these sample applications including Sketch UI Kits and Angular Code.

Budget Management

The Budget Management example is an Angular financial app that manages your organization's budget and tracks incoming and outgoing payments.

Learn More

People App

People App is an example of a typical Master-Detail app demonstrating a list, details and editing features.

Learn More

Learning Resources

Get started with the resources you need to create amazing user experiences.

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

Get Started Today!

Sign Up for Free
Capture user videos and analytics

Indigo.Design Desktop

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.