Figmaでのデザインファイルを利用して、素早いモバイルアプリのプロトタイピングを可能にするノーコードサービス、”Bravo Studio”が、Product Huntにて新しいFigmaインポート用プラグイン”Bravorizer”を発表しました！
まずはワクワクするような下記動画をご覧ください。
以下、Product Huntでの内容を意訳していく形でお伝えしています。
目次:
Figmaでの変更をそのままBravo Studioへ同期反映
Bravorizer特徴の目玉は、「Figmaから離れることなく、Figmaでの変更をそのままBravoへ反映（同期）させることができる」という点。
For those of you who are new to Bravo Studio, we are a platform dedicated to empowering product teams in building, testing, and maintaining native mobile applications at the speed of the web. And now, with the Bravorizer plugin, we're taking things up a notch by seamlessly connecting Figma with the very core of Bravo Studio. This means that incremental changes made in Figma can be synced - no more full reimports!
（著者意訳）Bravo StudioはWebレベルのスピードでネイティブモバイルアプリを構築、テスト、メンテナンスすることを目的としたプラットフォームです。今回のBravorizerプラグインを利用することで、FigmaをBravo Studioのコアとしてシームレスに運用していくことができます。Figma側で行われた変更が、Bravoへ同期されるのです。毎回毎回、全体のインポート作業をする必要はもうありません！
UIテンプレートによって素早い構築が可能に
さらにUIテンプレートなどによって、より素早くアプリのプロトタイピングや公開が可能とのこと。
多数の機能を提供する”Bravo tag annotation”
By harnessing the power of Bravo tag annotations, you'll be able to go beyond the boundaries of traditional Figma prototyping and carry out real-world user testing with a huge number of production level features, such as: 🚀 Social login 🔔 Notifications and deep linking 💰 Payments 🌍 Internationalization 🌐 Web views, and much more Our new plugin also offers a wide array of pre-annotated UI templates that seamlessly integrate into your designs. Moreover, it introduces a helpful "tagger" to assist you with annotations, along with an intelligent AI assistant that provides invaluable insights. Consider it your trusty sidekick on your app creating journey!
（著者意訳）“Bravo tag annotation”機能によって、従来のFigmaプロトタイピングの枠を超え、本番レベルの多数の機能を備えた実務レベルでのユーザーテストを実行することができます。例えば、🚀ソーシャルログイン、🔔通知とディープリンク、💰決済機能、🌍ローカライゼーション、🌐Webビューなどの機能を実装可能です。新しいプラグインには、デザインにシームレスに統合される”tag annotation”つきUIテンプレートも多数用意されています。さらに、（Bravoに挙動を反映させるための) Annotationのサポートをする「tagger」や、貴重なインサイトをもたらすAIアシスタントが導入されています。Bravorizerは、アプリ開発における頼りになる相棒として考えてください！
さまざまなバックエンドサービスと連携が可能
The real power of Bravo come from integrating your app design with a backend or any API of your choice. Bravo can dynamically adapt your design to API responses, empowering the backend to host the core business logic. With Bravo's broad API compatibility it connects to nearly any backend, allowing you to confidently launch your app into production as long as your backend scales.
（著者意訳）Bravoの真の力は、アプリデザインをバックエンドまたは任意のAPIと統合することから生まれます。BravoはAPIのレスポンスに応じてデザインを動的に適応させ、バックエンドでのビジネスロジックをホストすることが可能です。Bravoの幅広いAPI互換性により、ほぼすべてのバックエンドサービスに接続できるため、バックエンドがスケールする限り、アプリを安心して本番環境にリリースできます。
AI-assisted Bravorizer - Make Figma work like Webflow for native mobile apps | Product Hunt
REST APIによる接続で、Bravo Studioはさまざまなバックエンドサービスと連携が可能です。
BravoがAPI連携を公式にサポートしているのは下記サービス。（例）
- Firebase
- WordPress
- Google Sheets
- Backendless
- Airtable
- Webflow
- Xano
参考タグ: Webflow | WordPress | Google Spread Sheets
たった月額$21で、ネイティブアプリとして本番公開が可能
もはやこのまま本番公開してしまっても良いレベルなのでは…と思うほどの機能の充実ぶりですね。実際、Bravo Studioでは有料プランに契約することでネイティブアプリとして iOS / Androidのアプリストアに公開することが可能です。
有料プランの価格も月額$21と、かなり良心的です…！
同様にアプリストア支援機能を提供するモバイルアプリ開発用ノーコードツールにて、Adalo や Flutter Flowが月額$50程度かかるのに比べれば実に半額以下です。
参考タグ: Adalo
Figmaプラグイン”Bravorizer”は公式ページからインストール可能
“Bravorizer”はFigma公式プラグインページからダウンロード・インストールが可能です。
Bravorizer - Figma design to native app – Figma
Bravo Studioには無料で試せる無料プランもあるので、気になった方はぜひ実際に触ってみてチェックしてみてください！
Category: No-Code | ノーコード
Tags: Bravo Studio | No-Code | SaaS | Figma