Introduction to Indigo.Design App Builder
0 likes92 views
Indigo.design App Builder is a new cloud-based WYSIWYG drag-and-drop tool that allows product teams to design and build business apps significantly faster, achieving up to 80% time savings compared to hand-coding. It provides an intuitive interface with over 30 enterprise-grade UI controls, pre-built templates, and real-time previews of apps and code. Future enhancements will include integration with design tools, support for more frameworks, and improved data connections.
Introduction to Indigo.Design App Builder
- 1. 1 Indigo.Design App Builder Build Web Apps Blazing Fast! https://www.infragistics.com/products/indigo-design/app-builder
- 3. 3 Design and Build Real Apps Blazing Fast Indigo.Design App Builder is a brand-new cloud-based WYSIWYG drag & drop tool that helps product teams design and build complete business apps faster than ever before. Public Preview
- 4. 4 Why App Builder? • Digital product teams need to be more productive • There are no WYSIWYG drag & drop tools for developers • Layout and CSS on the web is complex, and hard to master for desktop developers. Public Preview
- 5. 5 Why App Builder? • With an intuitive drag & drop UI, teams can design screens and build apps up to 80% faster than hand-coding. • Everything that is designed is backed by a design system with real UI controls that results in real Angular apps. Public Preview
- 6. 6 How Does it Work? https://www.infragistics.com/products/indigo-design/app-builder
- 7. 7 100% Cloud- Based WYSIWYG No need to download anything, not heavy IDE's, and no 3rd party dependencies. Everything is on the web, accessible by your whole team on any platform.
- 8. 8 Complete with Templates & Starter Layouts Hit the ground running with one of our pre- built app templates or use one of our preset layout options to build your app in no time. Just tweak our design, swap a theme and you are done!
- 9. 9 30+ UI Controls in the Toolbox for Drag & Drop Use the toolbox full of enterprise-grade UI controls to quickly design screens. Each control has specific property settings that make it easy to configure with simple point and click!
- 10. 10 Pre-Built and Custom Themes Easily apply the Light or Dark themes for • Material • Bootstrap • Fluent UI Or create your own to match your brand UX!
- 11. 11 Instant Real-Time Preview of App and Code! See your running app with live source code in real-time as you design. Feel the interactions, see how it looks, and experience your app experience - instantly.
- 12. 12 Download Zip File with Angular Project Everything you design results in production ready HTML, TypeScript & CSS! With 1-Click, you get standards-based code that’s ready for Visual Studio Code or your favorite IDE.
- 13. 13 What’s Next for Indigo.Design App Builder COMING SOON https://www.infragistics.com/products/indigo-design/app-builder
- 14. 14 Design Tools Integration We will deliver compatibility with your teams’ favorite design tools! • Direct import from Adobe XD, Sketch and Figma into Indigo.Design. • Create User Test directly from an App in the App Builder. • Share design and Collaborate with stakeholders in Indigo.Design Cloud. Coming Soon
- 15. 15 More App Frameworks Support for more modern web, mobile and multi-experience developer frameworks! • React • Blazor • Web Components • (what’s your favorite!) • and more! Coming Soon
- 16. 16 Live Data Connections Connect more data sources directly into your application! • Excel • JSON • SQL Server • REST • OData • and more! Coming Soon
- 17. 17 Lots More UI Controls We are continuing to add controls to make sure your toolbox is full! • Charting • Maps • Gauges • Combo Box • Custom Controls! (yes, your own controls!) • and lots, lots, more! Coming Soon
- 18. 18 We Need Feedback (Please )! feedback@indigo.design
- 19. 19 Demo
- 20. 20 Indigo.Design App Builder Get Started Today! https://www.infragistics.com/products/indigo-design/app-builder
Editor's Notes
- #2: Indigo.Design App Builder Build Web Apps Blazing Fast! https://www.infragistics.com/products/indigo-design/app-builder
- #4: Design and Build Real Apps Blazing Fast Indigo.Design App Builder is a brand-new cloud-based WYSIWYG drag & drop tool that helps product teams design and build complete business apps faster than ever before. Learn more at https://indigo.design
- #5: Why App Builder? Digital product teams need to be more productive There are no WYSIWYG drag & drop tools for developers Layout and CSS on the web is complex, and hard to master for desktop developers.
- #6: Why App Builder? With an intuitive drag & drop UI, teams can design screens and build apps up to 80% faster than hand-coding. Everything that is designed is backed by a design system with real UI controls that results in real Angular apps.
- #8: 100% Cloud-Based WYSIWYG No need to download anything, not heavy IDE's, and no 3rd party dependencies. Everything is on the web, accessible by your whole team on any platform. Learn more at: https://www.infragistics.com/products/indigo-design/app-builder
- #9: Complete Templates & Starter Layouts Hit the ground running with one of our pre-built app templates or use one of our preset layout options to build your app in no time. Just tweak our design, swap a theme and you are done!
- #10: 30+ UI Controls in the Toolbox for Drag & Drop Use the toolbox full of enterprise-grade UI controls to quickly design screens. Each control has specific property settings that make it easy to configure with simple point and click!
- #11: Pre-Built and Custom Themes Easily apply the Light or Dark themes for Material Bootstrap Fluent UI Or create your own to match your brand UX!
- #12: Instant Real-Time Preview of App and Code! See your running app with live source code in real-time as you design. Feel the interactions, see how it looks, and experience your app experience - instantly.
- #13: Download Zip File with Angular Project Everything you design results in production ready HTML, TypeScript & CSS! With 1-Click, you get standards-based code that’s ready for Visual Studio Code or your favorite IDE.
- #14: Roadmap for Indigo.Design App Builder Learn more: https://www.infragistics.com/community/blogs/b/jason_beres/posts/build-web-apps-in-the-cloud-with-indigo-design
- #15: Design Tools Integration We will deliver compatibility with your teams’ favorite design tools! Direct import from Adobe XD, Sketch and Figma into Indigo.Design. Create User Test directly from an App in the App Builder. Share design and Collaborate with stakeholders in Indigo.Design Cloud.
- #16: More App Frameworks Support for more modern web, mobile and multi-experience developer frameworks! React Blazor Web Components (what’s your favorite!) and more!
- #17: Live Data Connections Connect more data sources directly into your application! Excel JSON SQL Server REST OData and more!
- #18: Lots More UI Controls We are continuing to add controls to make sure your toolbox is full! Charting Maps Gauges Combo Box Custom Controls! (yes, your own controls!) and lots, lots, more!
- #19: Please send feedback to feedback@indigo.design
- #21: Getting Started with App Builder Getting started is easy … just go to this link: https://appbuilder-preview.indigo.design/ - Log in with your Office 365 account, Gmail account or Infragistics account and you are ready to go! To prep for your first app, I recommend reading the Feature Tour blog - https://www.infragistics.com/community/blogs/b/jason_beres/posts/indigo-design-web-app-builder-features. And review the videos on YouTube - Indigo.Design App Builder - YouTube Playlist. If you have any questions, feedback, or comments, feel free to shoot me an email at jasonb@infragistics.com.