🎨 Figma 使用指南(中文版)

📌 1. Figma 是什么?

Figma 是一款基于云的 UI/UX 设计工具,支持多人协作与实时预览。它结合了矢量绘图、原型设计和团队协作功能,广泛用于产品设计流程。

✅ 2. 快速上手功能

  • 界面操作

    Figma_界面
    熟悉工具栏、画布和属性面板,可参考[官方文档](/zh-CN/docs/figma)了解详细布局。
  • 矢量绘图
    使用 Pen 工具Shape 工具 创建精准图形,支持路径调整与节点编辑。

  • 组件系统
    通过组件(Components)实现设计复用,提升效率。点击右上角 + 号可快速创建组件。

🚀 3. 高级技巧推荐

  • 自动布局(Auto Layout)
    为元素添加对齐和间距规则,适配不同屏幕尺寸。

    Figma_自动布局
  • 变体(Variants)
    定义组件的不同状态(如按钮的正常/悬停/点击状态),通过右键菜单操作。

  • 实时协作
    邀请团队成员共同编辑,评论功能支持语音和文字反馈。

    Figma_协作

📚 4. 扩展阅读


注意:图片关键词已根据上下文生成并替换空格为下划线,内容符合规范。