介绍

Figma 是一个 基于浏览器 的协作式 UI 设计工具。

Figma = Sketch（UI 设计）+ InVision（原型设计） + Zeplin（标注）+ Dropbox（云端同步）+ Abstract（版本历史）+ Craft-Freehand（实时讨论） + Liveshare（实时分享）+ Team Library （团队组件库）+ Web API（第三方接入）+ …

圖片

• Figma Tutorial: Images - YouTube (opens new window)
• How To CROP Image In Figma - YouTube (opens new window)

Frame

• #05: Figma Frame Tips - YouTube (opens new window)

元件 Components

• Figma Tutorial: Components - Swapping and States - YouTube (opens new window)
• Components in Figma (opens new window)

連結

• Add links to text – Figma (opens new window)

Scroll

• Figma Tutorial: Device Frames and Scrolling - YouTube (opens new window)

Prototyping

• Figma Tutorial: Prototyping - YouTube (opens new window)

Embed 嵌入

• Figma Live Embed – Figma (opens new window)

社群

• Community – Figma (opens new window)

套件

• Figma Templates, UI kits and Freebies - Free Figma resources (opens new window)
• 免费的 Figma 资源、模板 | Figma 中文网（非官方） (opens new window)

快捷鍵 Keyboard Shortcuts

• Speed up your workflow with Keyboard Shortcuts – Figma (opens new window)

教學

• Figma Tutorial - A Free UI Design/Prototyping Tool. It's awesome. - YouTube (opens new window)
• Figma - YouTube (opens new window)
• 开始使用 | FigmaChina：Figma 中文网，学习 Figma 从这里开始 (opens new window)

參考文章

• Frames and Groups – Figma (opens new window)

设计的视频

• 如何成为一名优秀的设计师：罗子雄@TEDxChongqing (opens new window): 看 + 做 + 想