FigmaからWebflowに複数の変数コレクションとモードを同期できるようになりました！

※この記事は2025年9月24日にWebflowが公開した下記アップデート情報・ニュースを日本語訳したものです（一部加筆・修正あり）

Sync multiple variable collections and modes from Figma to Webflow

‍　

FigmaのデザインシステムをWebflowにそのまま持ち込むのが、これまで以上に簡単になりました。

複数の変数(Variable Collections)やモードを、FigmaからWebflow に一括でシームレスに同期できます。

近年のデザインシステムはますます複雑になっており変数(variable collections)、モード、プリミティブ値とセマンティック値の間のエイリアスなど、多層的な構造で組み立てられています。

しかし従来は、その一部しかFigmaからWebflowに引き継ぐことができませんでした。

今回のFigma to Webflow pluginとWebflow Appのアップデートにより、次のことが可能になります。

‍

新しくできるようになったこと

• 複数の変数(variable collections)とモードを、FigmaからWebflowに直接同期
• 同期したいコレクション、グループ、モード、変数(variables)を細かく選択
• 名前変更された コレクション、グループ、モード、変数(variables)を自動で処理
• 変数エイリアス(variable aliases)を “静的値” ではなく “エイリアスのまま” 同期
• 変数(variables)と接続されたタイポグラフィスタイルの同期範囲が拡大

このアップデートにより、FigmaとWebflowを併用するチームにとって、より速く、より正確で、よりスケーラブルなワークフローが実現します。
複数テーマのサイト構築でも、複雑なデザインシステムの運用でも、Figmaで組んだ構造をそのままの形で同期できるようになりました。

‍