브라우저에서 바로 빠르고 효율적으로 풀 스택 AI 기반 앱의 프로토타입을 제작하고 이 앱을 빌드하고 출시할 수 있습니다.
Firebase Studio는 API, 백엔드, 프런트엔드, 모바일 등을 포함하여 프로덕션 품질의 풀 스택 AI 앱을 빌드하고 출시하는 데 도움이 되는 클라우드 기반 에이전트형 개발 환경입니다.
Firebase Studio는 특수 AI 에이전트 및 Firebase의 Gemini 지원과 함께 Project IDX를 통합하여 애플리케이션을 개발하는 데 필요한 모든 것이 포함되어 있으며 어디서나 액세스할 수 있는 공동작업 작업공간을 제공합니다.
기존 프로젝트를 가져오거나 다양한 언어와 프레임워크를 지원하는 템플릿으로 새 프로젝트를 시작할 수 있습니다.
Firebase Studio는 Go, Java, .NET, Node.js, Python Flask와 같은 인기 있는 언어와 Next.js, React, Angular, Vue.js, Android, Flutter 등과 같은 프레임워크를 포함한 대규모 템플릿 및 샘플 앱 라이브러리를 통해 다양한 프레임워크와 언어 지원을 제공합니다.
템플릿 갤러리의 템플릿이나 샘플 앱으로 시작하거나 공유할 자체 커스텀 템플릿을 만듭니다.
빠른 자연어 프로토타입 제작
Firebase의 Gemini를 사용하여 App Prototyping agent로 풀 스택 웹 애플리케이션의 프로토타입을 제작하고 이 애플리케이션을 게시합니다.
자연어, 이미지, 그림을 포함한 멀티모달 프롬프트로 전체 앱을 생성합니다. Unsplash의 스톡 이미지 갤러리를 사용하여 앱을 개선하세요.
항상 사용 가능한 Firebase의 Gemini의 AI 지원
대화형 채팅, 코드 생성, 도구 실행, 인라인 코드 추천 등 모든 개발 환경에서 Firebase의 Gemini의 AI 코딩 지원을 사용합니다.
Firebase의 Gemini를 사용하면 코드와 문서를 작성하고 버그를 수정하고 단위 테스트를 작성 및 실행하고 종속 항목을 관리 및 해결하고 Docker 컨테이너로 작업할 수 있습니다.
익숙하고 고도로 맞춤설정 가능한 개발 환경
Firebase Studio는 널리 사용되는 Code OSS 프로젝트를 기반으로 빌드되었으며 Google Cloud를 기반으로 하는 전체 가상 머신(VM)을 실행합니다.
시스템 패키지, 언어 도구, IDE 구성, 앱 미리보기, IDE 구성을 포함하여 Nix로 온라인 개발 환경의 거의 모든 측면을 맞춤설정하고 커스텀 템플릿으로 프로젝트와 전체 개발 환경 구성을 공유할 수 있습니다.
Firebase 및 Google Cloud와 긴밀하게 통합된 기본 제공 도구, 에뮬레이터, 배포 방법
Firebase Studio는 Firebase 및 Google Cloud 서비스와 원활하게 통합됩니다. 예를 들어 Firebase Studio에서 직접 Firebase Local Emulator Suite를 사용하여 앱을 게시하기 전에 Firebase 및 Firebase Authentication, Cloud Functions, Cloud Firestore, Cloud Storage, Firebase App Hosting, Firebase Hosting와 같은 Google Cloud 서비스를 철저히 테스트할 수 있습니다.
기본 원리
Firebase Studio는 다양한 개발 스타일에 맞게 여러 모드를 지원합니다.
전체 제어 기능을 갖춘 코딩: Code OSS 기반 IDE에서 직접 작업하여 기존 저장소를 가져오거나 새 프로젝트를 시작하고 Open VSX Registry의 확장 프로그램을 사용할 수 있습니다.
Firebase의 Gemini는 코드 완성, 코드 생성, 테스트, 도구 실행, 문서 작성 기능이 포함된 작업공간 인식 AI 지원을 제공합니다. Nix를 사용하여 구성을 확장할 수 있으므로 작업공간, 배포 방식, 대상 런타임 환경을 완전히 맞춤설정할 수 있습니다.
코딩을 하지 않고도 프롬프트 제작: Prototyper라고도 하는 App Prototyping agent를 사용하면 코드를 작성하지 않고도 새 작업공간을 만들고 Firebase의 Gemini를 사용하여 앱 아이디어의 프로토타입을 제작하고 이 아이디어를 미세 조정할 수 있습니다. 브라우저에서 바로 멀티모달 프롬프트를 사용하여 에이전트를 사용해 풀 스택 앱(현재 웹 앱에서 작동)을 반복적으로 개발하고 작업을 테스트 및 디버그하고 다른 사용자와 공유합니다. 필요한 경우 변경사항을 즉시 롤백하고 새 기능을 추가하며 앱 성능을 테스트하고 Firebase App Hosting에 게시하고 기본 제공 모니터링 가능성으로 모니터링할 수 있습니다.
원활하게 코딩이나 프롬프트로 전환하여 각 기능의 장점을 활용할 수 있습니다. 예를 들어 앱 구조 및 사용자 플로우와 같은 기본사항을 다루는 App Prototyping agent의 프로토타입으로 시작한 후 Code로 전환하여 더 많은 커스텀 로직과 통합을 구현할 수 있습니다.
이러한 유연성을 통해 Firebase Studio에서 특정 니즈를 충족하는 앱을 빠르게 반복하고 빌드할 수 있습니다.
가격 책정, 할당량, 한도
Firebase Studio는 무료로 액세스할 수 있지만 Google Developer Program에 가입하면 만들 수 있는 작업공간 수를 늘릴 수 있습니다.
특정 통합(예: Firebase App Hosting)을 사용하려면 Cloud Billing 계정이 필요할 수 있습니다.
모델 학습에 프롬프트와 대답이 사용되지 않게 하려면 App Prototyping agent를 사용하지 말고 Firebase Studio 내에서 Firebase의 Gemini를 사용하지 마세요. 모델 학습에 코드 사용하지 않게 하려면 Firebase Studio 설정에서 코드 완성 및 코드 색인 생성을 사용 중지합니다.
[null,null,["최종 업데이트: 2025-08-22(UTC)"],[],[],null,["Firebase Studio \nRapidly prototype, build, and ship full-stack AI-infused\napps quickly and efficiently, right from your browser. \n\nFirebase Studio is an agentic cloud-based development environment\nthat helps you build and ship production-quality full-stack AI\napps, including APIs, backends, frontends, mobile, and more.\nFirebase Studio unifies\n[Project IDX](/docs/studio/idx-is-firebase-studio) with specialized\nAI agents and assistance from Gemini in Firebase\nto provide a collaborative workspace accessible from anywhere,\ncontaining everything you need to develop an application.\nYou can import your existing projects or start something new\nwith templates supporting a variety of languages and frameworks. \n[Learn how to get started](/docs/studio/get-started) [Try\nFirebase Studio now](https://studio.firebase.google.com)\n| **Preview:** Firebase Studio is in Preview, which means that the product is not subject to any SLA or deprecation policy and could change in backwards-incompatible ways.\n\nKey capabilities\n\n|-------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **Import projects from source control, local archive, or Figma design** | [Bring your own apps to Firebase Studio](/docs/studio/get-started-import): import a local archive, connect a public or private source code repository, or generate code from a Figma design and import it with the [Builder.io Figma plugin](https://www.builder.io/c/docs/builder-figma-plugin). |\n| **Quick project setup with built-in templates and samples** | Firebase Studio provides [extensive framework and language support](/docs/studio/get-started-template) with a large library of templates and sample apps, including popular languages like Go, Java, .NET, Node.js, and Python Flask, and frameworks like Next.js, React, Angular, Vue.js, Android, Flutter, and more. Start with a template or sample app from the [template gallery](https://studio.firebase.google.com//templates) and/or create your own [custom template](/docs/studio/custom-templates) to share. |\n| **Rapid natural language prototyping** | Use Gemini in Firebase to prototype and publish full-stack web applications with [the App Prototyping agent](/docs/studio/get-started-ai). Generate entire apps with multimodal prompts, including natural language, images, drawings. Enhance your app using a gallery of stock images from [Unsplash](https://unsplash.com). |\n| **Always-available AI assistance from Gemini in Firebase** | Use AI coding assistance from [Gemini in Firebase](/docs/studio/ai-assistance) across all development surfaces: interactive chat, code generation, tool running, and inline code suggestions. [Gemini in Firebase](/docs/studio/try-gemini) can help you write code and documentation, fix bugs, write and run unit tests, manage and resolve dependencies, work with Docker containers, and more. |\n| **Familiar and highly customizable development environment** | Firebase Studio is built on the popular Code OSS project and runs a full [virtual machine (VM)](https://cloud.google.com/workstations) powered by Google Cloud. You can customize almost every aspect of your online development environment with [Nix](/docs/studio/customize-workspace), including system packages, language tooling, IDE configurations, app previews, and IDE configuration---and share the project and its entire development environment configuration with a [custom template](/docs/studio/custom-templates). |\n| **Built-in tools, emulators, and deployment methods with deep Firebase and Google Cloud integration** | [Preview your web and Android apps right in the browser](/docs/studio/preview-apps) and take advantage of [built-in runtime services and tools](/docs/studio/debug) for emulation, testing, and debugging. Firebase Studio seamlessly integrates with [Firebase and Google Cloud services](/docs/studio/google-integrations). For example, you could use the [Firebase Local Emulator Suite](/docs/emulator-suite) directly from Firebase Studio to thoroughly test Firebase and Google Cloud services like Firebase Authentication, Cloud Functions, Cloud Firestore, Cloud Storage, Firebase App Hosting, and Firebase Hosting before you [publish your app](/docs/studio/deploy-app). |\n\nHow does it work?\n\nFirebase Studio supports multiple modes to cater to different development\nstyles:\n\n- **Coding with full control** : Work directly in a Code OSS-based IDE where\n you can import existing repositories or start new projects, and use extensions\n from the [Open VSX Registry](https://open-vsx.org/).\n Gemini in Firebase\n provides workspace-aware AI assistance with code completion, code\n generation, testing, tool-running, and documentation. You can completely\n customize your workspaces, deployment approach, and target runtime\n environment with support for extensible configuration using\n [Nix](https://nixos.org/).\n\n- **Prompting without coding: The App Prototyping agent, also known as\n Prototyper** lets you create new workspaces to\n prototype and refine app ideas with\n Gemini in Firebase---without writing any code. Work with the\n agent using multimodal prompts to iteratively develop a full-stack app\n (currently works for web apps), test and debug, and share your work with\n others, right from your browser. You can immediately roll changes back if\n needed, add new features, test, publish to Firebase App Hosting and\n monitor your app's performance with built-in observability.\n\nYou can seamlessly transition between coding and prompting to harness the\nstrengths of each. For example, you can start with a prototype in\nthe App Prototyping agent that covers the basics, like app structure and\nuser flow, then switch to\nCode to implement more custom logic and integration.\n\nThis flexibility lets you iterate quickly and build apps that meet your\nspecific needs---all from Firebase Studio.\n| **Note:** The App Prototyping agent can help you **build web apps with\n| Next.js**. Support for other platforms and frameworks is coming soon!\n\nPricing, quotas, and limits\n\nAccess to Firebase Studio is available at no cost, but you can increase the\nnumber of workspaces you can create by joining the\n[Google Developer Program](https://developers.google.com/profile/u/_/dashboard).\nCertain integrations (like Firebase App Hosting) may require a\nCloud Billing account.\n\nLearn more at [Firebase Studio pricing, quotas, and limits](/docs/studio/pricing).\n\nHow Firebase Studio uses your data\n\nYour use of Firebase Studio is governed by the [Google Terms of\nService](https://policies.google.com/terms).\n\nHowever, note that your use of generative AI features within\nFirebase Studio is governed by the [Generative AI Prohibited Use\nPolicy](https://policies.google.com/terms/generative-ai/use-policy) and the\n[Gemini API Additional Terms of\nService](https://ai.google.dev/gemini-api/terms) (specifically governed by\n[Gemini API Additional Terms of Service: Unpaid\nServices](https://ai.google.dev/gemini-api/terms#unpaid-services)).\n\nTo block the use of your *prompts and responses* for model training, do not\nuse the App Prototyping agent, and do not use Gemini in Firebase within\nFirebase Studio. To block the use of your *code* for model training,\n[turn off code\ncompletion](/docs/studio/set-up-gemini#adjust-code-complete)\nand [code\nindexing](/docs/studio/set-up-gemini#adjust-code-indexing)\nin your Firebase Studio settings.\n\nNext steps\n\n- [Start prototyping your new app with Firebase Studio](/docs/studio/get-started-ai).\n- [Learn more about Firebase Studio workspaces](/docs/studio/get-started-workspace)."]]
