Tips

    Well-crafted UI Kits for Figma, Sketch and Adobe XD.

    Do you know that with Indigo.Design UI kit for Figma, Sketch and Adobe XD, everything you create uses a design system? All styling specs and themes match real Angular components. You get 400+ icons, special colors palettes, 17 customizable illustrations, etc. Read more

    Endless theming options and styling.

    Use our 6 pre-built themes based on Material, Bootstrap & Fluent with a dark and light version. Or switch to Indigo Theme - inspired by our own design language. If those don't match your app or corporate branding, the theming and styling options let you create a custom theme. Read more...

    With interactive prototyping and user testing functionality.

    Create interactive prototypes with Indigo.Design and perform remote user testing with real users on any device or platform. Get user insights, simplified collaboration with stakeholders, in-depth analytics on users’ behavior, and video and audio recordings of the user testing journey. Read more...

    Publish your designs as a web app.

    Use the “Create app” option in your plugin to translate all the UI kit components in your design into code components, and publish your app. Continue to extend the app using our web-based WYSIWYG App Builder and your development team will be able to generate enterprise-ready Angular code. Read more...

    Got an external data source?

    Ignite UI App Builder arrives with data source options that let you connect to any REST data source or upload a JSON file. Just go and connect it in the Data Source panel. Read more...

    ### Don't start building your app from scratch. Start with a pre-made Sketch/XD file or download our application samples and make them your own, using a toolbox of 60+ UI controls. Then, with one click, you generate high-quality HTML, CSS, and Angular code right from your design. [Read more...](components/components-overview.md)

    Do you know that Ignite UI App Builder uses Flexbox?

    We offer Flex as one of the approaches to create layouts for your web app. It is available as a row or column layout component in the toolbox. Cross-browser compatibility and app adaptability to any screen size is guaranteed. Read more...

    ### Design → User testing → Instant app preview. As a full design-to-code solution, it covers and streamlines the entire process, letting you and your colleagues use a single working environment, build apps 10x faster, and get to pixel-perfect solutions before even writing any code! [Read more...](getting-started.md)