指南
2026年8月30日 · 2026年9月14日 更新

網頁匯入 Figma 後跑版怎麼辦

修改 Auto Layout 前,先檢查寬度、字型與換行。

找出一處差異

複製匯入的框架,在相同寬度下與瀏覽器比較。整體配置不同,先查擷取寬度;只有文字周圍移動,先查字型名稱、字重與可用性。一次只改一項設定。

比較文字測量

字型名稱相同不保證測量完全一致。Fieldwork 測試中,字距較窄的標題在 Figma 多換了一行。可以只加寬副本中的該文字框,對照行數與字距,不要縮放整個框架掩蓋問題。

檢查父框架

文字一致後,再看內距、間距與尺寸模式。Figma 的功能和匯入工具的支援範圍不同。移除 Auto Layout 不會恢復瀏覽器原始位置。重新擷取問題區域;仍有問題時,提供寬度、對照圖及去除隱私的樣本。

Figma · Fonts ↗

用你自己的網頁試試 每月免費擷取 10 次,每月重設。 不必綁卡、不必註冊

English · 한국어 · 日本語 · 简体中文 · 繁體中文 · Español · Português · Français · Deutsch · Русский · Italiano · Bahasa Indonesia · ไทย · Tiếng Việt · Türkçe · Polski · Nederlands · Українська · हिन्दी

相關閱讀

將登入後的網頁匯入 Figma 修復匯入 Figma 後遺失的圖示
首頁 指南 支援