Figma 是讓團隊共同把想法變成數位產品的協作設計平台。其介面 chrome 嚴格保持黑白灰，顏色只出現在產品內容裡；figmaSans 可變字型使用 320 到 700 之間的獨特字重檔位，figmaMono 承載大寫技術標籤，按鈕為標準膠囊與圓形幾何。適合強調協作與多點彩色的創意工具類介面。
Figma設計與創意
提示詞範本
基礎範本
Design a Figma-inspired interface. - Custom variable font (figmaSans) with unusual weight stops: 320, 330, 340, 450, 480, 540, 700; - Strictly black-and-white interface chrome — color exists only in product content; - figmaMono for uppercase technical labels with wide letter-spacing; - Pill (50px) and circular (50%) button geometry; - Dashed focus outlines echoing Figma's editor selection handles. Colors: #000000, #ffffff. Typography: figmaSans.
變體提示詞
📱 行動裝置
Design a mobile app with Figma aesthetics. Use Figma color identity with #000000 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Figma style. Use Figma color identity with #000000 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Figma design language. Use Figma color identity with #000000 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Figma visual identity. Use Figma color identity with #000000 accents. Compelling, conversion-focused.
使用範例
Figma 應用程式
Web 端Build a web app with Figma design language and brand color system.
Figma 儀表板
儀表板Create a dashboard using Figma style with data visualization and figmaSans typography.
✅ 適用情境
- 設計協作
- 設計協作與原型工具
- 創意社群的介面
❌ 不適用情境
- 單色嚴肅的程式碼終端
- 奢華黑色品牌頁
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。