変更履歴
最終更新日:
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ファイルとサイトフォルダ。