This content originally appeared on Angular Blog - Medium and was authored by Angular
Author: Mark (Techson) Thompson
We’re overjoyed to announce that you can now generate Angular apps using the power of Google AI Studio.
We know that developers are embracing AI and code generation as a part of their daily workflows. Whether it is generating code to prototype a new app experience for your users or getting help on your existing projects — AI is there in the process. We want to ensure that Angular is in the places where developers are building.
This was a collaborative effort between the Angular team and AI Studio team with the goal of bringing the power of Gemini and AI tooling to the Angular community. Now, AI Studio is another tool where you can vibe code new apps, export the code to GitHub, share your creations with others and even deploy using Cloud Run.
Getting Started
To get started head over to the build tab in Google AI Studio where you can get started at no cost.
First, click the “Advanced Settings” icon to reveal the options for selecting the “System instructions template menu”:
Next, select “Angular (TypeScript)” from the “System instructions template” menu to update which framework you want to use for generating your app. Choose Angular 🙂
Finally, enter a prompt for an app idea and watch as Gemini generates your application.
Now that you know how to generate an application let’s walk through an example scenario. Consider the following prompt:
“Create a bookstore inventory UI. It should display a table of books with columns for title, author, genre, and stock quantity. Include a search bar to find books by title and author.”
Here’s a video walkthrough:
What Angular support in AI Studio unlocks
Angular developers are looking for ways to create new experiences for their audiences quickly and with low effort. This integration unlocks new, modern workflows:
- Rapid Application Generation with Gemini Model: AI Studio leverages the Gemini model to quickly generate Angular applications. Accelerating project kickoffs and prototyping for new ideas, reducing the initial development time from weeks to days.
- Develop AI Powered Apps powered by the Gemini API: AI Studio enables the development of AI-powered applications that leverage the Gemini API. This goes beyond code generation and into creating new application experiences for users that take advantage of the power of LLMs as a core feature.
- Integrated Deployment with Cloud Run: There is a well-lit path that integrates with Cloud Run for simplified application deployment. Developers can deploy generated applications directly to a scalable, serverless environment, eliminating manual configuration and speeding up delivery to users.
- Export to GitHub for Version Control: AI Studio allows users to export generated code to GitHub, providing a way to keep the project code you generate and track changes, collaborate effectively, and manage different iterations of their applications within a familiar version control system.
- Simplified Sharing for Collaboration: Take your creation and make it available to stakeholders or even just sharing a proof of concept app with colleagues as teams experiment with new ideas.
Get started right now
We’re excited to bring this new integration to the Angular community, giving you another way to build with Angular. We’re excited for you to generate code and explore the possibilities. To try out this new feature, be sure to head over to goo.gle/angular-ai-studio today and follow the instructions from this post to get started.
Try this out and create apps your users will love. If you make something cool tag us on social media with #AngularInAIStudio.
Angular support for generating apps in Google AI Studio is now available was originally published in Angular Blog on Medium, where people are continuing the conversation by highlighting and responding to this story.
This content originally appeared on Angular Blog - Medium and was authored by Angular
Angular | Sciencx (2025-10-02T17:43:53+00:00) Angular support for generating apps in Google AI Studio is now available. Retrieved from https://www.scien.cx/2025/10/02/angular-support-for-generating-apps-in-google-ai-studio-is-now-available/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.