TL;DR：Figma 完稿≠可以開始寫 code——設計師的交付檔案要「工程師友善」才能順利上線。
Figma 交付檔案的 5 個要求
1. 元件化（Components） 重複出現的按鈕、卡片、header 都變成 Component。修改一個全站更新。
2. 樣式庫（Styles） 色彩、字型、陰影都建成 Style。工程師抓變數用。
3. Auto Layout 所有元素用 Auto Layout（Frame 內 Flex），工程師才知道間距怎麼展開。
4. 響應式版本 至少 Desktop + Mobile 兩版；理想 Desktop + Tablet + Mobile 三版。
5. 命名清楚 頁面、Frame、圖層都要清楚命名（不要 Frame 1, Rectangle 2）
交付規格與資產
切版規格文件（Figma 內建 Dev Mode + 手動註記）：
- 桌機容器寬度、斷點
- 字型階層（H1-H6 + Body 各尺寸）
- 色彩變數（含 Dark Mode 如有）
- 間距倍數（4px / 8px / 16px 系列）
- 元件 States（default、hover、active、disabled）
圖片資產：
- 全部匯出 WebP + JPG fallback
- 不同尺寸準備（1x、2x）
- 圖示用 SVG（不要 PNG）
- 檔名英文小寫連字號（
hero-image.webp）
交付方式：
- Figma 分享連結（Dev Mode 開啟）
- Google Drive 資產包（圖片、字型檔）
- 規格文件（Notion or PDF）
為什麼要找 LOOKME 做網站與數位行銷？
看完上面的內容，你會發現——現代網站不是「架起來就好」。設計要顧美感與轉換、SEO 要顧結構與內容、行銷要顧公域與私域，每一步都要有數據驗證。單點外包 5 個廠商，通常不會贏過一個真正整合的團隊。
LOOKME 數位行銷的 5 個差異：
- 一站整合，不用你當專案經理：網站、內容、SEO、短影音、LINE 官方帳號，一個窗口對到底
- 我們自己就在跑：所有策略先在我們自家品牌驗證過才提案
- 交件即帶走：網站、內容、影音原始檔全部給你
- 月報說人話：直接告訴你這個月哪 3 件事有效、下個月做什麼
- 不強推方案：預算不夠時我們會告訴你「先做這一項就好」
服務項目對應
- 網站設計與 SEO 建置：WordPress 形象站、電商站、多語系外貿站
- 內容行銷與 SEO 代操：關鍵字調查、月產文章、部落客媒合
- 短影音製作：Reels／Shorts／TikTok 全平台
- LINE 官方帳號建置與代操：把有機流量變成自有名單
- AI 影像製作：商品情境圖、虛擬模特、AI 影音
- 數據優化：GA4、Search Console、轉換事件設定
想聊聊你的狀況？先聊，不收費、不推銷
留下你的產業、目前遇到的狀況與預算範圍，我們會依實際情況給出具體的優先順序建議，而不是一開口就先報價。
讓好想法，被看見。—— LOOKME 數位行銷