スタックとグリッドのレイアウトに対応したフレーム
スタックとグリッドのレイアウトに対応したフレーム
フレームがレイヤーを保持し、レイアウトも自動で整えます。
- レイヤーをフレームに描画またはドラッグすると、一緒に移動
- ギャップとパディングを指定して、スタックまたはグリッドのレイアウトを使用
- 新しいツールバーと右クリックメニュー、使えるショートカットつき
より軽やかなダッシュボード
より軽やかなダッシュボード
ダッシュボードが端から端まで白になりました。
- 白いサイドバーとコンテンツ領域
- セクション間のごく薄い線
- 控えめな領域のグレーをより柔らかく
タイムラインで音声とアニメーションを扱えます
タイムラインで音声とアニメーションを扱えます
動画のタイムラインで、音声とモーションを扱えるようになりました。
- トリミング、音量、フェード、ループを備えた音声トラックを追加
- テキストを単語または文字ごとにアニメーションし、Figma のイージングに対応
- プリセットにホバーするとプレビューを表示
テキストに合わせて広がるテキストボックス
テキストに合わせて広がるテキストボックス
新しいテキストボックスは、入力した内容に合わせて大きくなります。
- ボックスは最も長い行に合わせて調整
- 最初のキー入力でプレースホルダーを置き換え
- 編集中のテキストを細いグレーの枠線で表示
動画テンプレート（ベータ）
動画テンプレート（ベータ）
動画のテンプレートをデザインし、MP4 にレンダリングできるようになりました。
- エディタで「白紙の動画」から開始
- API でレンダリングし、進行状況をストリーミングで確認
- renderVideo は JS、Python、PHP、Go の SDK に対応
エディタをアプリに埋め込み
エディタをアプリに埋め込み
ユーザーが、あなたのプロダクト内でテンプレートを編集できるようになりました。
- サーバーでユーザーごとにトークンを 1 つ署名
- ページでエディタのイベントを受け取り、コマンドを送信
- 署名付き Webhook でテンプレートの変更を通知
カラーピッカーで Tailwind のカラーを選択
カラーピッカーで Tailwind のカラーを選択
Tailwind のカラーとグラデーションを、カラーピッカーから直接選べます。
- ピッカーに Tailwind のパレットを追加
- 出発点にできる既成のグラデーション
- 横スクロールなしでパネルに収まるピッカー
新プラン：Automate、Scale、Enterprise
新プラン：Automate、Scale、Enterprise
プランは 3 つのファミリーになり、それぞれで月間の生成数を選べます。
- 各プランの中で必要な生成数を選択
- 生成数が増えるほど 1 枚あたりの価格が下がる
- S3 ストレージの接続は Scale と Enterprise に含まれます
ベクター PDF
ベクター PDF
PDF は、画像を PDF に貼ったものではなく、本物のベクターページになりました。
- テキストの選択と検索が可能
- フォントを埋め込み、ファイルサイズも縮小
- PDF のレンダリングが約 10 倍高速に
無料の画像ツール
無料の画像ツール
サイトに、日々の画像作業に使える無料ツールを追加しました。
- OG 画像、証明書、チケットのジェネレーター
- Open Graph と Twitter カードのチェッカー
- DPI、ピクセル、用紙サイズの計算ツールとファイル変換ツール
画像キャッシュの消去が外部画像にも対応
画像キャッシュの消去が外部画像にも対応
ほかのサイトから読み込む画像は、ワークスペースごとに専用でキャッシュされるようになりました。
- 画像キャッシュを消去すると、それらの画像も更新
- プランのアップグレードやトライアルの終了が即座に反映
- 単位つきのサイズを持つ SVG ファイルもレンダリング可能
レンダリングをさらに高速化
レンダリングをさらに高速化
レンダリングリクエストごとの処理時間をさらに短縮しました。
- 使用量とレート制限のチェックを並行して実行
- レイアウトの準備前に画像の読み込みを開始
- フォントは一度だけ読み込み、レンダリング間で共有
レンダリングでも「収まるように縮小」
レンダリングでも「収まるように縮小」
「収まるように縮小」を設定したテキストが、API で生成する画像でもボックスに収まります。
- すべてのテキストが収まるまでフォントサイズを縮小
- アイコンは同梱のセットから読み込むため、追加のリクエストは発生しません
- 不明なアイコン名には分かりやすいエラーを返す
ギャラリー、メディア、生成履歴ページ
ギャラリー、メディア、生成履歴ページ
新しいダッシュボードのページで、すばやく始められ、レンダリングの状況も確認できます。
- ギャラリーからテンプレートを 1 クリックでコピー
- メディアページでプロジェクトのすべての画像を確認
- 生成履歴で各レンダリングを確認
すっきりしたプロパティパネル
すっきりしたプロパティパネル
プロパティパネルが見やすくなり、操作も速くなりました。
- レイヤーが使うコントロールだけを表示
- 数値はドラッグで変更でき、1080/2 のような計算式も入力可能
- 保存の直前に行った編集も必ず反映
新しいダッシュボード
新しいダッシュボード
ダッシュボードのレイアウトを整理し、どのページでもサイドバーとページヘッダーを 1 つに統一しました。
- ワークスペースメニュー、グループ分けしたリンク、使用量メーターをサイドバーに配置
- 空のページには表示される内容を案内
- 初めての方向けに短いツアーで案内
ボックスに収まるグラフ
ボックスに収まるグラフ
グラフが、エディタと API で生成した画像で同じ見た目になります。
- タイトル、凡例、軸ラベルがレイヤー内に収まる
- 最後の棒とゼロの線が切れなくなった
- エディタとレンダリングを 1 つのグラフエンジンで描画
フォントが抜け落ちない仕組み
フォントが抜け落ちない仕組み
使用しているフォントを読み込めないときは、近いシステムフォントが代わりに使われます。
- テキストが消えずに描画される
- フォントが見つからなくても書き出し結果は読める
- フォントピッカーには使用可能なフォントを表示
Figma からインポート
Figma からインポート
Figma プラグインで、フレームを Bannerify のテンプレートに変換できるようになりました。
- 数クリックでフレームを送信
- テキストと単純なシェイプは編集可能
- 画像とレイアウトを一度に取り込み
Notion 連携
Notion 連携
Notion のワークスペースを接続して、テンプレートをページと同期できます。
- 一度接続すれば、同期する対象を選択可能
- Notion での更新がテンプレートに反映
- 実行履歴はほかの自動化と並んで表示
ほかのツールからテンプレートを移行
ほかのツールからテンプレートを移行
Bannerbear、Placid、Creatomate、Canva などからデザインを移せます。
- 普段お使いのツールからインポート
- 書き出しが対応していれば、レイアウトは編集可能なまま
- 認証情報は一度だけ使い、保存しません
エラーメッセージを分かりやすく
エラーメッセージを分かりやすく
リクエストが失敗したとき、修正が必要な値をメッセージが具体的に示します。
- 誤っているフィールドをエラーで明示
- 呼び出しが拒否されても迷いにくい
- 問題があれば素早く修正できる
コマンドラインから生成
コマンドラインから生成
ターミナルやビルドスクリプトから、画像を直接作成できるようになりました。
- 1 つのコマンドで生成を実行
- スクリプトやパイプラインから利用可能
- 各コマンドにドキュメントと例を用意
新しいブロックシェイプ
新しいブロックシェイプ
キー・値リスト、署名、アラート、テーブル、グラフが標準で使えるようになりました。
- キャンバスと書き出し結果が常に一致
- グラフとテーブルは安定した初期値つき
- ブロックを任意のテンプレートに追加して再利用
大きな画像もきれいにレンダリング
大きな画像もきれいにレンダリング
高解像度の写真をテンプレートに配置しても、生成が失敗しなくなりました。
- 大きなアセットもフル品質で確実にレンダリング
- メモリ不足にならず、画像を収まるサイズに縮小
- 重いアートワークによるジョブの失敗が減少
レンダリングを高速化
レンダリングを高速化
レンダリングが速くなり、テンプレートの編集内容がより早く反映されます。
- 繰り返しのレンダリングが短時間で完了
- 小さな編集では変更した部分だけを再描画
- キャッシュした結果は新しいリリースの直後に更新
PDF の書き出しを改善
PDF の書き出しを改善
PDF ファイルは、生成するたびに同じ結果になります。
- 実行のたびに書き出し結果が一貫
- ページサイズが安定
- テンプレートを再利用するときの想定外が減少
より速いエディタ
より速いエディタ
キャンバス、レイヤーツリー、アセットパネルをそれぞれ見直しました。
- 新しいコマンドメニューからあらゆる操作に移動
- ドラッグでレイヤーの並べ替え、グループ化、名前変更
- 検索できるブラウザーで画像とフォントを選択
選べるフォントが増えました
選べるフォントが増えました
フォントピッカーがはるかに大きなライブラリを参照するようになり、テキストの描画の遅れも減りました。
- 目的の書体をすばやく見つけられる
- 入力中のフォント読み込みが高速化
- エディタと書き出しで同じフォントファミリーを表示
アプリを離れずにサポートへ相談
アプリを離れずにサポートへ相談
Bannerify の中にサポートの窓口ができました。作業しながら質問できます。
- ダッシュボードのどこからでも会話を開始
- ファイルやスクリーンショットを同じスレッドで共有
- 同じ話題の続きを後からでも相談できる
リリースノートの表記を統一
リリースノートの表記を統一
リリースノート全体の流れを整え、ざっと読みやすいページにしました。
- 上から下まで表記が一貫
- モバイルでも変更履歴を閲覧しやすい
- 短い記述で、変更点に焦点を当てる
テキストの自動調整を改善
テキストの自動調整を改善
長いラベルや見出しが、スペースが限られているときもきれいに縮小されます。
- 狭いボックスでもテキストが読みやすい
- はみ出し時の挙動がより予測しやすい
- 小さなレイアウトでの手作業の調整が減少
リッチテキスト編集を安定化
リッチテキスト編集を安定化
リスト、改行、インラインスタイルが、入力中により予測しやすく動作します。
- カーソルが想定した位置に留まる
- 書式の適用と維持がしやすい
- リッチテキストの内容が飛びにくい
ツールバーの配置を整理
ツールバーの配置を整理
メインのツールバーを作業中の場所の近くに置き、周囲の視覚的なノイズを減らしました。
- 主要な操作が見つけやすい
- 補助的なコントロールは邪魔にならない位置に
- キャンバスの余白が広がる
テンプレートの閲覧を高速化
テンプレートの閲覧を高速化
テンプレート一覧の読み込み中の表示ぶれが減り、始めたいテンプレートを探しやすくなります。
- データの読み込み中もグリッドの行が動かない
- 低速な回線でもプレビューカードが安定
- 大量のテンプレートも見やすく閲覧
プロパティパネルのレイアウトを改善
プロパティパネルのレイアウトを改善
右側のコントロールが見やすくなり、よく使う設定のレイアウトをすっきり整えました。
- タブとコントロールの並びが明確に
- スクロールを減らして操作可能
- よく使うオプションを近くに配置
キャンバスのスナップをスムーズに
キャンバスのスナップをスムーズに
要素のドラッグ、整列、配置の動作が、操作ごとにより一貫したものになります。
- オブジェクトが引っかかりなく所定の位置へ
- 整列ガイドを信頼しやすい
- レイアウトの調整がより思いどおりに
画像レンダリングの信頼性を向上
画像レンダリングの信頼性を向上
大きなアセットや重ねたアセットを扱うときの動作が、エディタ全体で安定しました。
- 配置とトリミングがより予測しやすく
- 重い画像も想定外の動作が少なく読み込める
- アセットの読み込み中もキャンバスを操作しやすい
テーブル編集を簡単に
テーブル編集を簡単に
テーブルのサイズ変更と整列がしやすくなり、構造のあるレイアウトも扱いやすくなります。
- サイズ変更の挙動がより予測しやすく
- 空のセルの動作がより一貫
- 編集中もグリッドの形が崩れない
書き出しプレビューを高精度に
書き出しプレビューを高精度に
プレビューが最終的な書き出し結果により近くなり、見たままの仕上がりに近づきます。
- PNG と JPG のプレビューがより正確に
- 書き出しの確認結果を信頼しやすい
- キャンバスからファイルへの受け渡しがスムーズに
複製と再利用の流れを改善
複製と再利用の流れを改善
デザインを複製したとき、元の構造がより多く保たれます。
- 複製してもレイアウトをより忠実に保持
- 再利用したセクションの余白とグループを維持
- ページをコピーした後の手直しが減少
アップロード状況を見やすく
アップロード状況を見やすく
アップロードの進行状況と失敗が見つけやすくなり、アセットの作業で迷いません。
- 進行状況の表示がより目立つように
- 失敗したアップロードをやり直しやすい
- ファイルの受信中もキャンバスを操作可能
ワークスペースの起動を高速化
ワークスペースの起動を高速化
読み込み後にページとサイドパネルが早く落ち着き、最初の操作が軽くなります。
- エディタをより早く使い始められる
- サイドパネルの位置ずれが減少
- 待ち時間の少ない作業開始
キーボード操作を改善
キーボード操作を改善
キーボードでの移動がより正確になり、フォーカスがコントロールを自然な順序で移動します。
- 矢印キーによる微調整がより正確に
- マウスを使わなくても主要なコントロールに届く
- 繰り返しの作業がしやすいエディタに
PDF 出力の再現性を向上
PDF 出力の再現性を向上
PDF の書き出しでレイアウトがより忠実に保たれます。複数ページにまたがるデザインでも同様です。
- ページをまたいでも余白が一貫
- 書き出したファイルがキャンバスにより近い仕上がり
- 長いドキュメントも書き出し後に確認しやすい
空の画面をすっきり表示
空の画面をすっきり表示
何もないページに次の手順を分かりやすく表示します。白紙からでも始めやすくなります。
- 空の画面で次にすることを説明
- 初めての方に最初の編集までの道筋を明示
- コンテンツがないときもレイアウトが落ち着いた印象に
自動保存を強化
自動保存を強化
作業中の編集をより確実に保存します。ページを更新するときも安心です。
- 変更をより一貫して保存
- 再読み込み後の復元がより確実に
- こまめに保存しなくても作業を続けられる
アセットの扱いを改善
アセットの扱いを改善
大きな画像や再利用するアセットをスムーズに読み込めるようになり、キャンバスの動作が軽く保たれます。
- 編集中のアセット読み込みが安定
- 再利用したファイルの配置をより確実に保持
- 画面を切り替えてもエディタがぶれにくい
一般向けベータ版を公開
一般向けベータ版を公開
エディタを広くお使いいただける状態になり、主要なワークフローを最初から最後まで利用できます。
- 作成、プレビュー、書き出しをひとつの流れで
- 主要な編集ツールにすぐ手が届く
- 初めての方にも分かりやすいシンプルなページ
変更履歴を公開
変更履歴を公開
最初の変更履歴ページを、ひと目で読みやすいシンプルな形式で公開します。
- すべてのリリースノートに日付を明記
- 変更点に絞った短い記述
- 小さな画面でも読みやすいレイアウト
