If you’re building apps in an enterprise environment, you’ve probably experienced the growing divide between the number of mobile use cases identified for development, and the capacity of the development team to deliver. Some teams have as many as 50-60 apps waiting for development.

Of course, a big selling point of Ionic is that we help you build apps faster: Write once, run anywhere, using common web languages that you already know and love. But, we know there’s more to it than that.

No matter how skilled you might be, it can still feel like you spend half your time paging back and forth between your code editor and the developer docs, asking yourself: Which component should I use? What’s the right syntax? Where does that header go? And so on… Not to mention stuff like managing plugins or figuring out how to integrate with a new backend service.

Well, I’m happy to announce that the team at Ionic has just introduced a new solution, Ionic Studio, designed to take all that extra stuff off your plate so you tackle your app backlog while we take care of the rest.

Introducing Ionic Studio IDE

Ionic Studio is a full-featured, locally-installed IDE that provides an unparalleled developer experience for anyone building apps with Ionic.

Based on the same open source project that VS Code is built on, Studio has all the features you’d expect from a robust code editor, such as TypeScript support, autocompletion, debugging and more. But it’s all the extras we built with the developer in mind that we hope you’ll really appreciate.

Supercharged Development

For one thing, Studio may just eliminate the need for developer docs altogether. As much as we take pride in having well-written docs, we know it can be a pain to page back and forth between a code editor and a docs page. With Studio, everything you need to know about Ionic is right there in the IDE.

The complete library of 100+ Ionic Framework components, which are frequently updated, can be easily browsed simply by scrolling through the list. It’s as easy as selecting a component to drag and drop it into your app, which will then automatically generate the essential code you need. Plus, you can navigate all of your property settings in the pane on the right.

Additionally, Studio helps you visualize your app as you’re building it by allowing you to preview your app on any installed simulators, in a web browser, or on a native device. Live Reload automatically refreshes the UI as you make changes in your project so it’s always up-to-date. Also, Studio includes a visual design mode that allows you to easily switch back and forth between code mode and design mode at any time in order to ensure any changes you make are reflected in the code.

Even with all of those features, we see Studio as much more than just a code editor. It helps you manage your entire development project. This includes your Cordova plugins and platforms, the colors and themes of your app, local assets and files, and a whole lot more—Making it easy to organize and manage everything you need to build high-quality apps, quickly—all in one place.

Backend Integrations: AWS Amplify & More

And, if you didn’t think the above was enough, Studio helps you build full-stack apps by integrating directly with backend systems and third-party services. In partnership with Amazon Web Services, we announced the first backend integration available in Studio: AWS Amplify, a library of highly scalable, reliable, and flexible cloud services for mobile and web apps.

In fact, I was on-stage at the AWS re:invent show today, unveiling Ionic Studio to a packed audience and demonstrating the AWS integrations featured in the solution.

By offering services like AWS Amplify from within Studio, we hope to make it much easier for front-end developers to integrate backend and third-party services, all from a single development environment. To add these services to your app, just drag the associated components into your code files and voilà!

Mobile DevOps Powered by Ionic Appflow

Of course, just accelerating the development process is not enough. Equally important to us is how quickly you can get working code in the hands of your users. That’s why Ionic Studio will integrate with Ionic Appflow (formerly Ionic Pro), a mobile DevOps suite of services to automate every phase of your app delivery pipeline—from building native binaries to real-time app updates—so you can ship changes at the speed of development.

In fact, while more than 50 percent* of enterprises ship code four times a year or less, Ionic Appflow users are shipping 3-4 times per month on average, and in many cases weekly or daily.

Pricing and Availability

Ultimately, we want everyone to benefit from Ionic Studio. We’re currently working on a Community Edition that we hope to roll out later in 2019 to allow individual developers, students, and others to supercharge their development.

For now though, we recommend Ionic Studio for professional development teams looking to undertake mission-critical app development projects or a growing backlog of apps needed to support the business. In fact, we already have a few enterprise development teams building with it and we can’t wait to see what you all are able to create too.

And with that, we’re happy to say that Ionic Studio is available today. If you’re interested in starting a project in Studio, please reach out to us for a live demo or custom quote.

A Note About Creator

Some of you might be asking, what about Creator? While Creator has a similar look and feel to Studio’s visual design mode, in reality the tools are quite different.

Ionic Studio is a locally-installed, full-featured IDE for professional developers. Ionic Creator is a cloud-based app builder for people who are new to development or who are building more basic apps with few customizations.

We know that people love Creator, so it will be staying around for the foreseeable future. Once there is a Community Edition of Studio, we will evaluate the feature differences and determine next steps.


* The above stats are based on recent research from Forrester. According to the report: “Half the developers we survey tell us their teams release applications four times a year or less… And yet teams that build great mobile experiences release eight to 12 times a year. With regular feature updates from Apple (six to date in 2017) and Google (four in the past year) and evolving customer expectations, a high-velocity application release capability is table stakes.” Source: Forrester, Best Practices For Mobile Experience Development And Delivery, December 2017

Signup for the Ionic Newsletter to get the latest news and updates!

  • http://fundlike.com/ Joe

    thanks team, we can not wait to use this magnificent ide!!

  • Marcel Goya

    why are you not simply creating a VS code plugin instead of creating a whole new IDE?

    • http://twitter.com/maxlynch Max, Ionic CEO

      VS code extensions were too sandboxed for what we wanted to do.

      Also, we’re not trying to replace your editor! Keep using vscode. The value here for you are the other features that are now all in one place: asset management, theming, one-click run on device using a new native run feature we built, manage native platforms and plugins and get notifications when plugins or platforms are out of date, build UI visually, access the hundreds of ionic components (code snippets and UI design) and add your own custom components for your team to use, and more.

      All that stuff works great alongside a different editor you want to use, we really don’t care about replacing your editor.

      • Gerard Simpson

        With regard to your reply, I don’t understand how providing an IDE based on the same base project as VS code isn’t trying to replace VS code? I think that if you could provide half of the good functionality of your seperate IDE from a good VS code plugin, it would be much more helpful for developers and much more widely adopted.

        • http://twitter.com/maxlynch Max, Ionic CEO

          Once it’s out I hope you’ll agree that an extension would have been a poor substitute for what we have been able to do with Studio. As I said, we spent a *lot* of time talking about this and doing research. The fact that we decided not to do an extension was not a small decision!

  • StealthTech

    Any integration with Azure?

    • Ben Sperry

      Right now Studio has an official integration with AWS Amplify, however in the future we may support integrations with others offerings, like Azure.

      • Thomas Parker

        I would like to add that many entities consider Amazon and AWS to be an existential threat to their businesses and would never HELP them by using their backends. I don’t necessarily want to be tied to Azure either, or for that matter to Ionic to control my build pipeline. As vendors of developer tools you should be not be pushing your favorites on us as a deliberate strategy.

        • http://twitter.com/maxlynch Max, Ionic CEO

          We’re not pushing anything on you. If you use AWS we have an integration for it. If you don’t, then keep using what works for you.

          I don’t understand the bit about Ionic controlling your build pipeline. If you don’t want to use our native build service or remote deploy service then don’t, not sure what the problem is here.

          • Thomas Parker

            Sorry I didn’t mean to sound hostile, I’m thrilled with all the work your team has done and I’m already personally invested and am investing most of my spare time in prototyping with stencil, ionic and capacitor. I am sold on using this stack for my future software products. And I look forward to trying your IDE. I’m just trying to stay as generic and agnostic as possible in all things. Thanks again!

          • http://twitter.com/maxlynch Max, Ionic CEO

            We definitely agree. We made a deliberate decision last year to stay agnostic on a number of parts of the stack and focus on the things we can do uniquely well. The AWS Amplify integration is also a bit of an experiment to see if a backend style add-on would make sense in Studio. We’d love to open it up for others to build and share integrations once we learn more.

            Cheers!

  • Cristian Mamani

    Will it support Ionic 1?

    • http://twitter.com/maxlynch Max, Ionic CEO

      No, not at this time. We may reconsider if we have sufficient demand for it. Thanks!

  • Mike Lallemont

    How much of VS Code does it use? For instance can we still use extensions? Our own syntax themes, etc.? I really would love to have all of my coding experience in one place.

    • http://twitter.com/maxlynch Max, Ionic CEO

      No extensions unfortunately. It primarily uses Monaco.

      We understand many devs have their own editor setup. In that case, you can use Studio as a sort of GUI on top of the Ionic toolchain in tandem with your usual editor. We are totally happy with that workflow!

  • Mike Lallemont

    And can i sign up for a beta version of the community edition when it is available?

  • André Martinelli

    As a standalone developer, the cost of the IDE looks too high for me. I hope Ionic have tier level for stand alone developers, maybe included in appflow or something like that. I dont care to pay for all efforts Ionic is doing for all of us, however, Max and team should think about the stand alone developer that do not have a business investment to use the IDE, specially for me as a brazilian and everything is more expensive if you regard the local currency. After all, Ionic Studio looks great and I hope I have a chance to use and support it.

    • http://twitter.com/maxlynch Max, Ionic CEO

      Thanks for the feedback. A community edition is in the works

    • bandicood

      so true!

  • António Casqueiro

    What about capacitor debugging when running the app in the native environment (simulator or device)? Does Ionic Studio only support Cordova debugging for that?

    • http://twitter.com/maxlynch Max, Ionic CEO

      Not yet but we’ve been thinking about how to pull that off. Thanks for the feedback!

  • https://plus.google.com/106756465639758945549 Enguerrand G

    Hi Ionic Team,
    this is such a GREAT announcement ! It will greatly improve productivity, even for standalone developers !
    I am really impatient to give a try on Ionic Studio. Is there any chance to have a sign up for a beta version of the community edition ?
    Thanks a lot for your great job and awesome framework guys !

  • Matheus Costa

    THAT´S F*** AMAZING, I HAVE DREAMED WITH THAT!!!! THANKS IONIC TEAM!

  • Göksel

    support for capacitor? one code for android+ios+pwa?

    • I’m also keen to know this… seems like a natural integration… is it in the pipeline?

  • https://rdsinfor.com Andre Rds

    uhu top!

  • Chad

    With Ionic Studio, can I build desktop apps that aren’t mobile apps stuffed in a browser? Will Ionic ever make desktops a first-class citizens with their framework?

  • darklinki

    Definetly need this. Hopefully it will be soon here.

  • XyLoL

    Looking forward for the Community Edition.

  • raimaj

    I don’t understand why this is not free for Pro/Appflow customers. It looks to me like this should be included with any of the paid subscriptions. Your price model is becoming quite complex xD

    • http://twitter.com/maxlynch Max, Ionic CEO

      We’re not saying that it’s not! The broader community/self-service edition just isn’t quite ready. Thanks for the feedback and for hanging in there!

      • raimaj

        Oh I see, my bad then! 🙂