Amazonで商品を見るセール会場へ

Figmaの新機能・アップデート履歴【2023〜2026年9月】

Figmaの更新を追うときは、まず自分が使う機能の変更を確認します。2026年9月にはAuto layoutの縦方向Wrap、MotionのLottie出力、色のVariablesの不透明度などが更新されています。

このページは、2026年10月3日に確認した公式リリースノートと配信データを基に、2023年9月〜2026年9月の主な発表を整理した履歴です。全更新の一覧ではありません。過去のベータ・一般提供の記載はその時点の発表を表し、現在のプラン条件を保証するものではありません。

目次

目的に合う変更と操作ガイド

確認したいこと注目する更新操作ガイド
余白・折り返し・画面幅への追従Auto layoutの更新、Between/Around/Evenly、縦WrapAuto layout
長さが異なる文字の配置Text wrapのBalance/Prettyテキストの設定
開発への受け渡しDev Mode、Code Connect、リモートMCPDev Mode
AIエージェントと接続するMCPの対応拡張、エージェントMCPの接続
画面遷移を作るプロトタイプ、Variablesによるモード切り替えプロトタイプ

2026年9月の主な変更

日付更新何が変わったか
2026-09-30Post riffs to Figma Community作品・実験をCommunityのriffとして公開する仕組み。
2026-09-30Motion adds custom styles, audio, text animations and Lottie exportアニメーションスタイル、音声、文字のアニメーション、Lottie/dotLottie出力を追加。Motionはオープンベータとして案内されている。
2026-09-30Smoother design collaboration and navigation on mobileモバイルアプリでページ切り替え・Frame送り・共有リンク・画像出力・前回位置からの再開を改善。
2026-09-25Vertical wrap available in auto layout縦方向のAuto layoutでもWrapを選べるようになり、あふれた要素を次の列へ配置できる。
2026-09-17Create on-brand content with your Figma designs in Weave workflowsDesignのFrameをWeaveのノードにし、指定したテキスト・画像を変えながら素材を生成する。
2026-09-16Preview what's inside foldersフォルダーの内容プレビュー、色、複製を改善。
2026-09-16Publish Weave tools to the Figma CommunityWeaveツールをCommunityに公開。Design内で利用できるのは画像・ベクター生成のツール。
2026-09-03Control opacity at scale色Variableに数値Variableを使って不透明度を設定し、色との関連を保って調整する。
2026-09-01Updates to generative plugins and shaders生成プラグイン・シェーダーの組織共有、コード閲覧、MCP経由の編集を更新。

既存ファイルを更新する前に

Auto layoutの2026年7月の更新では、新規Frameと既存Frameの適用状態が異なります。変更前後で余白・線・サイズを比較し、使っているコンポーネントや画面の配置を確認します。公式ノートは、既存Frameを自分で更新するまで従来方式を保持すると案内しています。

Text wrapのBalance/Prettyは改行位置の調整です。Balanceを行間の均等配置と読み替えないようにします。Dev Modeには対応するCSSの値が表示されますが、ブラウザとFigmaで改行位置が完全に一致するとは限りません。現行のText wrapの説明

2026年1〜8月の主な変更

以下の表は公表時点の内容です。ベータの申込み、利用できる席や機能の上限は、各リンク先の現行案内で確認します。

日付更新発表内容
2026-08-26エージェントチャットパネルの独立ウィンドウmacOSとWindowsのデスクトップアプリで、チャットパネルを別ウィンドウに出せる。タブを切り替えても表示され続ける
2026-08-21オートレイアウトの自動スペーシング従来の「間」に加えて「周囲」と「均等」が追加された。CSSが持つ余白パターンに名前を合わせている
2026-08-14テキストの折り返しBalanceは各行の文字列の長さが近くなるように改行位置を調整する。Prettyは最後の行に単語が1つだけ残ることを避ける。行間の設定とは別。
2026-08-13エージェントスキルコミュニティのAIスキルライブラリから50以上のスキルを試せる。ファイルの文脈からスキルを作り、公開もできる
2026-08-11Figma MCPからWeaveツールを実行ChatGPT、Claude、CursorなどのクライアントからWeaveツールを呼び出せる
2026-08-03ネストされたフォルダプロジェクトがフォルダになり、最大10階層までネストできる。色分けもできる。上位フォルダのアクセス権を継承する
2026-07-30Figma Makeの編集パネルMakeの編集操作がパネルにまとまった
2026-07-24オートレイアウトの更新CSSとの配置差を減らすAuto layoutの更新。新規Frameには新方式が適用され、既存Frameは自分で更新するまで従来方式を保持する。
2026-07-16コードからキャンバスへの取り込みコードに紐づいた画面を、バリアブルを保ったままキャンバスに持ってこられる
2026-06-24Config 2026モーション、3D変換、シェーダー、コードレイヤー、エージェントスキル、FigJamとSlidesのエージェント、生成プラグイン、Figma Weaveツールとワークフローが発表された
2026-06-24モーションタイムラインやエージェントでアニメーションを作れる。再利用できる形にして開発へ渡せる
2026-06-243D変換デザインや画像に奥行きを加えられる。モーションと組み合わせて動かせる。ベータ
2026-06-24シェーダー作りたいものを説明するとエージェントが組む。共有でき、そのままファイルにテクスチャを足せる
2026-06-04デザインチェックデザインシステムの値・ライブラリ不一致・切り離されたコンポーネントと、WCAG 2.0 AA/AAAの色コントラストを確認する。Organization(日本語表記はビジネス)/Enterprise向け。
2026-06-01スロットの設定最小・最大のレイヤー数、優先インスタンスのみ許可、空のスロットの表示、既定の塗りを指定できる。この時点で一般提供になった
2026-06-16Figma MCPサーバーの拡張スライドやアップロードしたフォントに対応した
2026-05-20Figmaエージェントデザイン生成・編集とデザインシステムに沿った作業を支援するエージェント。利用可能な席・AIクレジットの条件は現行の公式案内を確認する。
2026-05-28Makeでコードベースを視覚的に編集コードの見た目をMakeの画面から直せる
2026-05-11Makeのカスタムスキル自分の手順をMakeに覚えさせられる
2026-04-29Drawのツール追加モードを離れずにオートレイアウトを適用できる。パス上のテキストツールが独立し、線をCmd/Ctrlクリックで色・太さ・ブラシをサンプリングできる。ノイズとテクスチャをXとYで個別に制御できる
2026-04-07キャンバス上の動画再生Figma DesignとFigma Drawで動画をそのまま再生できる
2026-04-28FigJamのコーディングエージェント連携FigJamをコーディングエージェントのホワイトボードとして使える
2026-04-02Makeキットデザインシステムの仕組みをMakeに教えられる
2026-04-29AI画像の参照追加画像を生成・編集するときの参照先の指定方法が増えた
2026-03-05スロットのオープンベータインスタンスを切り離さずに、メニュー項目やボタン、アイコンを足せる。タスクリストやタブのような繰り返し要素を持つコンポーネントに向く
2026-03-06GitHub Copilot to FigmaCopilotからMCPサーバー経由で、描画されたUIを編集可能なフレームとしてキャンバスへ送れる。逆にデザインの文脈をコードへ引くこともできる
2026-03-24キャンバス上のエージェントベータとして提供が始まった
2026-03-04Code Connect UIの複数マッピング1つのFigmaコンポーネントに複数のコードファイルを紐づけられる。フレームワークごとにMCPの指示を設定できる
2026-02-04画像のベクター化静止画を編集できるベクターに変換する。手描きのスケッチや古いPNGアイコンを取り込んで、色や大きさを直せる
2026-02-03バウンディングボックスでベクター編集複数の頂点を選ぶとボックスが出て、回転・拡大縮小・移動ができる
2026-02-17Claude Code to FigmaClaude Codeで作ったWebページや状態、フローを編集可能なフレームとしてキャンバスへ持ち込める。localhostでもステージングでも本番でも動く
2026-02-26Codex to FigmaCodexからMCPサーバー経由でFigmaのデザインファイルを生成できる
2026-02-17Makeのモデルピッカープロンプト欄からAIモデルを切り替えられる
2026-01-30iPhone 17のデバイスフレームiPhone 17、17 Pro、17 Pro Max、Airが追加された
2026-01-27Glassエフェクトの一般提供フレームだけでなく、任意のオブジェクト・シェイプ・テキストに適用できる。角ごとに異なる丸みも指定できる
2026-01-22Makeプロトタイプの埋め込みDesign、FigJam、Slidesの中にMakeのプロトタイプを埋め込める
2026-01-07左ナビゲーションバーの刷新Design、Draw、Dev Modeで、ライブラリのアセット間を移動しやすくなった

2025年の主な発表

Config 2025ではDraw・Sites・Make・BuzzとAuto layoutのGridが発表されました。ここから下は、過去の機能を探すための索引です。関連ノートの日付と項目を残し、現在の操作や料金はリンク先の公式情報と操作ガイドで確認します。

関連ノートの日付更新項目・公式ノート
2025-12-03グリッドのHugと小数単位
2025-12-10画像編集の新しいツール
2025-11-20拡張コレクション
2025-11-19Figma Sites CMS
2025-11-19Makeのコネクタ
2025-10-28Schema by Figmaでの発表
2025-10-14アクセシビリティの改善
2025-10-15MakeプロジェクトのGitHub送信
2025-09-30Cutツール
2025-09-23リモートMCPサーバー
2025-09-16プロンプトでデザインを編集
2025-09-17コントラストモード
2025-09-12Appleの新しいUIキット
2025-09-15可変幅ストロークの中点スナップ
2025-08-07Figma Drawのスキャッターブラシ
2025-08-14AI画像編集の拡張
2025-07-31Simplify vector/Offset vector
2025-07-29可変幅ストロークの数値入力
2025-07-17グラスエフェクト
2025-07-24Figma MakeとAI機能が正式版に
2025-07-15MakeのSupabase連携
2025-07-09Sitesの独自ドメイン
2025-07-08グリッドの改善
2025-07-01Dev Mode MCPサーバーの拡張
2025-06-26可変幅ストローク
2025-06-12Sitesのコードレイヤー
2025-06-04Dev Mode MCPサーバー
2025-06-02Appleフォントの自動提供
2025-05-07Config 2025
2025-05-07Figma Draw
2025-05-07グリッド
2025-04-30全ユーザーがUI3に
2025-04-23Edit Image
2025-04-08デザインシステム向けの9つの更新
2025-04-09Connected Projects
2025-03-19Figma Slidesの更新
2025-03-13スマート記号
2025-02-26ブール演算のショートカット
2025-02-06縦横比のロック
2025-02-10書き出しのサンプリング設定
2025-02-12SVG書き出しの修正
2025-01-30Figma AIの追加)
2025-01-28Dev Modeのグラデーション変数

2024年の主な発表

関連ノートの日付更新項目・公式ノート
2024-12-03レイヤーパネルの横スクロール
2024-12-02Figma Slidesとの往復
2024-11-13スポイトの刷新
2024-11-12バリアブルとコンポーネントプロパティ
2024-11-22ライブラリモーダルの刷新
2024-11-19Dev Modeのバリアブル情報
2024-10-10UI3が全ユーザーにベータ提供
2024-10-22Code Connect 1.2
2024-10-31新しいデバイスフレーム
2024-09-19FigJamからSlidesのアウトライン
2024-09-16Embed Kit 2.0
2024-09-10書き出し品質の選択
2024-09-03Google Fontsの追加
2024-07-26Figma Slidesの10の改善
2024-06-26Config 2024
2024-06-26UI3
2024-06-26Figma AI
2024-06-26Figma Slides
2024-06-20テキストスタイルの上書き
2024-05-30バリアブルの改善
2024-05-22ページ単位の動的読み込み
2024-05-22キャンバスから開発準備完了へ
2024-05-14ページ整理の改善
2024-05-07プロトタイプでバリアブルモードを設定
2024-04-16Code Connect
2024-04-16バリアブルが正式版に
2024-03-06マルチ編集
2024-03-28FigJamのAIマインドマップ
2024-03-19マウス操作の改善
2024-03-13検索フィルタ
2024-02-27プロトタイピングの15以上の改善
2024-02-27グラデーションツールの改善
2024-01-31Dev Modeが正式版に

2023年の主な発表

関連ノートの日付更新項目・公式ノート
2023-12-13オフラインでの新規作成
2023-12-06バリアブルの適用先が拡大
2023-11-07FigJam AI
2023-11-16Little Big Updatesの最終回
2023-10-25角丸UIの更新
2023-10-05iPhone 15のフレームプリセット
2023-10-16Zoom連携
2023-10-05色まわりの更新
2023-09-18Google Meet連携
2023-09-28バージョン履歴からのコピー
2023-09-14FigJamの動画埋め込み
2023-09-07アセットパネルの改善
2023-09-21オフセット計測

発表・ベータ・一般提供の読み分け

同じ機能でも、イベントでの発表日、ベータ開始日、一般提供の日は異なります。例えば、Slotsは2026年3月5日のオープンベータと、6月1日の一般提供のノートが別です。Configで名前を見つけただけで、全員が使えると判断しないようにします。

過去の画面にあったボタンが見つからない場合は、年表の手順を再現しようとする前に、現在の公式ヘルプと利用中のプランを確認します。新機能は段階的に公開されることもあります。

最新の追加は公式リリースノートで確認できます。操作を学び直す場合は入門ガイドから、必要な機能の説明へ進めます。

サービス

Service

デザイン制作に関心がありましたら、ぜひ詳細をご覧ください。

次に学ぶ・作業環境を選ぶ

学習を続けたい方や、作業環境を整えたい方は、目的に合うガイドをご覧ください。

Figmaのおすすめ書籍

Figma用PCの選び方

周辺機器の優先度

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次