新機能とは

Banani MCP

• Banani をどんなAIコーディングエージェントともMCPで接続可能

• Claude Code、Cursor、Codex など

• デザインを選び、直接コードベースに送信

Gemini 3.1 Pro

• 最新のGeminiモデルがBananiで利用可能

• より広範囲なスタイルを持つクリーンなデザイン生成

• 生成のためのベースモデルとして使用

統一モバイル/デスクトップ

• 異なる画面サイズのためのプロジェクトはもう不要

• デスクトップとモバイルデザインを並行して生成

• 新しい画面サイズのアイコンがスクリーンパネルに直接表示

デスクトップ/モバイルへのショートカット

• 異なる画面サイズを素早く生成するための新ショートカット

• 数秒で一致するデスクトップやモバイル版を作成

• 最良の変換結果のための事前記入済み指示

• さらに多くのサイズ（タブレットなど）と自由形式のサイズが近日登場

使いやすさの向上

• CMD+CとCMD+Vでプロジェクト間でデザインをコピー

• 選択に基づいて色と丸みのトークンがフィルタリング

• デザイン内での画像生成の新しい高速モデル

• チーム用の名前とアバターを設定

• ホーム画面のさらに多くのクリーニング

重要な修正

• スタイルなしでデザインが生成されるバグを修正

• テキスト編集時の"-", "+", "space" キーボードショートカットの競合を修正

キャンバスでの「選択」モード

• 「選択」と「移動/パニング」モードを切り替え

• 一度に複数の画面を選択

• 複数画面の削除、移動、整理を一度で

• 「スペース」を押して移動

複数の画像/Figma参照

• 複数の画像やFigmaを参照として添付

• スクリーンショット、モックアップ、インスピレーション画像をアップロード

• 各画像から使う内容を指定

チュートリアル、インスピレーション、新しいナビゲーション

• 新しいサイドバーで再設計されたナビゲーション

• リフレッシュされた集中しやすいホームスクリーン

• チュートリアル用に専用ページを新設

• サンプルプロジェクト用の区分スペース

• 新しいロゴ :)

新しいプロジェクトショートカット

• プロンプトボックス下に新しいクイックアクション

• 画像またはFigmaからワンクリックで開始

• ワイヤーフレーム、ランディング、アプリのデザインの事前設定オプション

生活の質向上

• 無料プラン利用者がFigmaエクスポートを3回試用可能に！

• プロジェクトで使用されたテーマが別々にグループ化されました

• 新しいプロジェクトに統一された設定メニュー

重要な修正

• 一部のケースでテーマが正しく適用されない問題を修正

• バージョンを切り替えるときにビューポートがジャンプする問題を修正

• AIがわずかに異なる複数のテーマを1つのプロジェクト内に大量に生成する問題を修正

新しいバリアントのショートカット

• 既存デザインのバリエーションをプロンプトなしで探索

• 上部の「+ バリアント」をクリックし、いくつかのプリセットから選択

• 「デザインを簡略化」「異なるレイアウトを試す」など

バリアントの数

• 新規プロジェクト用に最初の画面バリアントの数を選択

• Bananiは選択可能なオルタナティブを生成

• 気に入ったものを残し、残りは削除

画像生成

• Bananiは今やストックフォトではなく画像を生成

• フォトリアリスティックな画像から抽象的なイラストまで

• デフォルトで、デザインテーマの色調に合わせる

• 新しいユーザーアバターのプレースホルダーは、あらゆる人種、年齢、性別をカバー

並行生成と編集

• 複数の画面を同時に生成および編集

• 1つの画面が終了するのを待つ必要なしで作業可能

• 多数の画面を持つプロジェクトに特に便利

より速い編集

• 「小規模」な編集はデザインの関連部分のみを変更

• 「大規模」な編集はデザイン全体を再生成

• 完全な再生成を待たずに迅速に反復

重要な修正

• サイドバー付きデザインでの不正確なレンダリング問題を修正

• 生成リクエストが10分以上停止するケースを修正

• 選択した要素を編集する際の視覚的な指標が欠如している問題を修正

手動テキスト編集

• AIなしでテキストを編集

• 必要な内容を選択したテキスト要素に入力/貼り付け

• 選択モードに切り替え、ダブルクリックで編集

• 新しいショートカットで選択モード -- ⌘またはControlを押し続ける

ワイヤーフレームプリセット

• 新しい専用ワイヤーフレームテーマプリセット

• 手作りのルックを持つ白黒のローファイワイヤーフレームを生成

• 新規プロジェクト作成時または既存の画面で設定可能

重要な修正

• FirefoxでのPNG/JPGエクスポートがついに修正されました

• Figmaエクスポートの問題のほとんどを解消しました

• テーマのカラートークンが透明になる問題を修正しました

新しい「ベストモデル」モードで、よりスムーズなキャンバスとスマートな画面生成、柔軟な画面ごとのテーマ、無料のチーム招待、そしていくつかの重要な修正をお楽しみください。

「ベストモデル」モード

• バナニはプロンプトに基づいてモデルを賢く切り替えます

• 新しい画面や創造的でコンテキストのある編集にはジェミニ3プロを使用

• 迅速またはそれほどクリエイティブでない変更にはGPT-5.1

画面テーマ

• AI生成の編集が気に入らない場合、テーマの変更を元に戻すことができます

• 同じプロジェクト内の個別の画面に異なるテーマを設定

• プロジェクト全体を複製せずに複数のビジュアルスタイルを比較

超スナッピーなキャンバス

• 大規模なプロジェクトでもより迅速でスムーズなキャンバスの操作

• 低スペックコンピュータでのラグを大幅に削減

• キャンバス上でのドラッグ＆ドロップがより反応的に

無料チーム

• チームを作成し、無制限に無料メンバーを招待、プラン不要

• ワークスペース全体をアップグレードするか、個々のユーザーだけを選択可能

重要な修正

• フィグマのエクスポートがフォントウェイトを正しく保持するように修正

• 一部のプレビューリンクに影響を与えるクラッシュを解決

キャンバス上のどこにでも画面を移動し、更新されたGemini 3で見事なデザインを作成し、他の多くの改善を楽しんでください。

フリーフォームキャンバス

• 画面をキャンバスのどこにでもドラッグアンドドロップ

• 複数の行やお好みのレイアウトで配置

• 近日公開: マルチスクリーン選択、補助線、配置など

Gemini 3 の調整

• 先週、Gemini 3を追加し、今ではさらに強化されました

• よりクリーンで現代的なデザインを生み出すよう調整

• 上記の例がそれができることを示しています！

• UIデザインにGemini 3を使用するのに最適な場所はBananiです

UIクリーニング

• 「AI編集をロック」トグルでテーマにおいて不要な変更を防ぐ

• 製品全体の視覚的雑音を削減しました: クリーンなホームページ、入力コンポーネント、キャンバスなど

• 画像とFigma参照用の統一されたアタッチセレクター

ご要望いただいた機能を大量に出荷しました。最初のチーム機能、リファレンスの動作に関する更新、Banani をライトニング・マックィーンより速くする取り組みまで。

コードエクスポート

• ページのコードをコピーし、まずはプレーンHTML/CSS エクスポートから始めます。

• 選んだフレームワークにデザインを変換するために、バイブコーディングツールや開発者に依頼してください。

参照画像

• キャンバス内で画像の参照が利用可能です！

• 個々の画面で作業を行う際には、画像やスクリーンショットを追加してください。

• キーボードショートカットを使用してクリップボードから画像を貼り付けます。

チーム

• チームを作成し、メンバーを組織に招待しましょう。

• チームのプロジェクトを共有する作業スペースを持つことができます。

• 集中管理された請求書管理とチームメンバー管理を実現します。

• さらに多くのチーム機能がまもなく登場します！

瞬時のロード

• バックエンドとデータベースを根本から再構築しました。

• アプリのロード時間はほぼ瞬時に感じられることでしょう。

• 例えば、プロジェクトを開くのは1秒未満です。

• ホームページがスムーズに読み込まれ、レイアウトがずれることはありません。

キャンバスの刷新

• アクセスしやすさの向上のためにライトモードを提供。

• Banani を日常的に使いやすくするための全エレメントにわたる無数の調整。

生活の質

• プロジェクトの複製！

• 更新されたプロンプトの改善ステップ。

• テーマ用の新しいフォントがたくさん。

• 「次の画面を生成する」ためのプロンプトを追加。

• そして多くの小さな改良点。

丸みトークン

角の半径がテーマの一部になりました。デフォルトで4つの丸みレベルが表示され、小から超大まであります。手動で調整することができ、BananiのAIがあなたのデザイン全体に一貫して適用します。

フォントファミリートークン

フォントファミリーは、デザイン単位ではなくテーマレベルで管理されるようになりました。これにより、プロジェクト全体のフォントを一度に切り替えることができます。

今ではAIにフォントファミリーを変更させることも可能です！つまり、「フォントで遊んで」や「フォントをもっと面白くして」とお願いすることがついに可能です。

さらなる速度改善

デザイン生成を可能な限り迅速にする努力を続けており、速度向上のための新たな更新を行いました。

今回の改善は前回より小規模ですが、生成時間を3〜4秒短縮します。

品質/速度の選択

これからは、生成の最高品質と生成速度の間で選択できます。

どのプロジェクトでも、いつでも「最高品質」と「最速速度」のオプションを変更できます。

最高品質オプション

詳細で高精度なデザインに最適です。AIはスペースとギャップをより適切に処理し、レイアウトをより洗練されたものにするための多くの小さい改善を行います。

最速速度オプション

迅速な編集や低～中精度のプロトタイプに適しています。最終デザインまで細部に集中せずに、ほぼ瞬時に結果を見ることができます。

全体的な速度の更新

画像付きのページでは生成が最大2倍速くなり、さらに多くの速度「ブースト」が近日登場予定です。

キャンバスの更新

スクロール、パン、ズームは、MiroやFigmaのようなキャンバスを中心としたツールと似た感覚になりました。

テーマの紹介

テーマは、デザイン全体で再利用できるスタイルのコレクションです。手動で編集することも、BananiのAIでプロンプトを使って編集することもできます。

新しいプロジェクトを作成する際、新しいテーマを生成するか、以前に作成したテーマから選択することができます。

テーマのカスタマイズ

スタイルタブに移動すると、テーマとそのデザイントークンの詳細を見ることができます。デザイン内で使用されている各色がそこに表示されます。

AIにその色の変更を依頼することもできますし、任意の色をクリックして自分で調整することも可能です。

既存のスタイルをインポート

既存のカラーパレットやブランドスタイルのインポートも可能です。AIプロンプトにHEXカラーを貼り付けるか、参考画像を添付してBananiにその色をコピーするよう依頼してください。

Bananiはアルファ版を卒業しました！アイデアからUIまでのスピードを向上させる準備が整いました。あなたが求めた4つの大きな機能と多くの品質改善があります。

新しいUI-AI

• 以前は無駄だったプロンプトが、今では質の高い結果を生み出します

• 複雑なマルチカラムレイアウト、ランディングページ、何でも

• デザインはリアルタイムで、要素ごとに現れます

部分編集

• デザインの選択部分のAI編集

• 迅速で正確な調整に最適です

• 要素の削除、テキストの変更など

Figmaへのコピー-ペースト

• Bananiで画面を選択

• 「Figmaにコピー」をクリック

• Figmaに直接ペースト

注: 今月作成されたプロジェクトのみで動作しますので、新しいプロジェクトを生成してみてください!

画像リファレンス

• スクリーンショット、ワイヤーフレーム、スケッチ、実際のUIを添付

• Bananiはレイアウトとコンテンツをコピーします

• 既存製品UIのリデザインや編集に最適

他に何が新しいか？

この1ヶ月間で見逃したかもしれない複数の大きなアップデートを提供しました。いくつかのハイライトを紹介します：

• AI応答時間の短縮

• 画面＋スタイルパネルの改良

• 大規模プロジェクトでのナビゲーションが簡単に

• キャンバスの反応速度アップ

• スクリーンの複製

• その他多数…