本文へスキップ

変更履歴

最終更新日:

HTML to Framesのすべての改善を、新しい順に掲載しています。

2026年10月20日

  • WebGLページの高速化: 3DやWebGLのシーンを数フレーム後に静止させるため、重いページも数分ではなく数秒でインポートできます。

2026年10月19日

  • よりスマートなサイト幅: 全幅のページは中央寄せのすべてのコンテナを使って測定されるため、幅の広い表でデスクトップのフレームが縮むことはなくなりました。

2026年10月16日

  • 再現性: pxでのグラデーション停止位置、放射グラデーションの形状、タイル状のグラデーションパターン、CSSカウンター、上付き・下付き文字、片側だけのアクセントボーダー、Chromeと同じリストマーカー、システム等幅フォントへのSF Monoの使用。
  • Accordion text as notes: オプション。閉じたアコーディオンのテキストがFigmaの注釈になります。
  • 速度: アニメーションフレームの間引きと、埋め込みコンテンツのスクリーンショットの高速化。

2026年10月15日

  • Chrome拡張機能 1.1 — Send to Figma: コードで拡張機能を一度接続すれば、キャプチャを開いているプラグインに直接送れます。
  • Select an element: 拡張機能からページの一部分をキャプチャできます。
  • 埋め込みコンテンツ: 地図、iframe、WebGL、動画を、そのボックスの画像としてキャプチャします。
  • ライト + ダーク: LightとDarkのモードを持つ1つの変数コレクションと、各画面のダーク版コピー。
  • Import linked pages、Snap to my file's styles、画面の並列キャプチャ。
  • フレーム名にページのアドレスとクエリが最大60文字まで表示されるようになりました。

2026年10月14日

  • Chrome拡張機能: ログインが必要なページ、localhost、ページの現在の状態をキャプチャ。
  • スタイル & 変数: CSSトークンから命名されるカラー変数、テキストスタイルとシャドウスタイル、ファイル内の既存のものの再利用。
  • サイトごとに記憶されるフォントの置き換え。
  • 繰り返し構造からのコンポーネント & ホバーバリアント。
  • プロトタイプ: クリック可能なリンク、インポートしたページ間のNavigate、固定/スティッキー要素とスクロール領域。
  • AIツール(MCP): Claude Code、Claude Desktop、CursorからFigmaにページを送れます。
  • Site widthの測定、高解像度のsrcset画像、Re-import、ページ言語、.zipのアップロード、Paste code。
  • 結果画面でのAuto Layout診断。::before/::after、clip-path、mask-image、拡大縮小に対応。

2026年10月13日

  • 最初のバージョン: リンク → テキスト、画像、SVG、グラデーション、シャドウ、ボーダーを含む編集可能なレイヤー。
  • 最大10件のリンクのMultipleインポート、Responsive set、レスポンシブな意味づけと制約を備えた検証済みAuto Layout。
  • ローカルファイル: ページを選択できるHTMLファイルとサイトフォルダ。