開発者向けDevLink Exportが改善されました！

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

Updates to DevLink Export

‍

Webflowは、DevLink Exportエンジンを再設計し、コンポーネントの出力をより高速かつ安定して行えるようアップデートしました。

今回の改善により、出力作業そのものがスムーズになっただけでなく、Webflowと開発環境との連携がさらに強化されています。

Webflow機能への対応範囲を拡大

DevLink Exportは、新たに以下の機能に対応しました。

• 条件付き表示（Conditional Visibility）
• Variablesのモードおよびコレクション
• ネストされたライブラリコンポーネント
• ネイティブのPropsおよびSlots

これにより、エクスポートしたコンポーネントがWebflow上での表示や動作をより正確に再現できるようになります。

より保守しやすいコードを出力

生成されるコードの品質も向上しました。

• TypeScriptを全面的にサポート
• 重複する変数名を自動整理
• スコープ管理されたCSSファイルを生成

これにより、開発チームは長期的な運用やメンテナンスをより効率的に行えるようになります。

エンタープライズ向けの管理機能を強化

運用管理面では、以下の機能が追加されました。

• ユーザーロールによるエクスポート権限管理
• APIトークンによるアクセス制御
• サイトアクティビティログでのエクスポート履歴管理
• 実行ユーザーの記録による監査対応

これらの機能により、大規模なチームや企業環境でも安全に運用しやすくなります。

提供開始と移行に関するご案内

今回のアップデートによって、Webflowサイトとアプリケーション間でコンポーネントを共有しやすくなりました。

重複した作業を減らしながら、複数のプロジェクトやプロダクトにおいてデザインの一貫性を維持しやすくなります。

また、新しいDevLink Exportは、すべての有料Workspaceプランおよび一部のサイトプランで利用可能です。

ベータ版を利用しているユーザーは、今後6か月間引き続き無償でベータ版を利用できます。特別な手続きは必要ありません。

既存のDevLinkから移行する場合は、CLIを最新バージョンへアップデートし、従来の [webflow devlink sync] コマンドではなく、新しい [webflow devlink export] コマンドを利用してください。

詳しくは、開発者むけドキュメントをお読みください。

今回、WebflowネイティブのPropsおよびSlotsが追加されたことに伴い、従来のDevLink PropsおよびDevLink Slotsは今後非推奨となります。

既存機能は引き続き利用できますが、Designer上では非推奨であることを示す警告が表示されます。

移行については、キャンバス上の「Convert」機能を利用することで、自動的に新しい形式へ変換できます。

‍