界面导览
希爱设计的界面由仪表盘、工作区和查看模式三个主要区域组成。快速认识每个区域的作用与常用入口。
三个主要区域
希爱设计的界面分为三个主要区域：仪表盘（Dashboard）、工作区（Workspace）和查看模式（View mode）。仪表盘负责管理团队、项目和文件；工作区是真正创建设计的地方；查看模式用于演示画板、查看评论与检查代码。
仪表盘
登录后首先进入仪表盘。在这里可以创建团队与项目、浏览文件卡片、搜索文件、管理共享库，并进入账号与团队设置。项目相当于文件夹，文件则是具体的设计文档。
工作区的核心组成
- 画布（Viewport）：中央近乎无限的设计区域，可自由缩放和平移
- 工具栏：创建画板、矩形、椭圆、文字、路径等图层的入口
- 主菜单：文件、编辑、视图、偏好设置与帮助等文件级操作
- 页面与图层面板：管理多页面以及当前页面的图层树
- 标尺与参考线：提供坐标，并可从标尺拖出辅助对齐的参考线
- 颜色与字体样式面板：快速取用颜色和文字样式库
- 设计属性侧栏：查看并修改选中图层的尺寸、位置、填充、描边等属性
- 原型 / 检查 / 查看三种模式：在右侧栏切换
- 资源与设计令牌面板：管理组件、颜色、字体样式及设计令牌
- 分享、历史版本、评论、协作者列表等协作入口
查看模式
点击右上角的播放按钮进入查看模式。一级画板会像屏幕一样依次呈现，可预览原型交互、播放评论流；开发者还可以在其中切换到检查面板获取代码与标注。
建议的第一次体验
- 在仪表盘新建一个项目并创建空白文件
- 按 B 选择画板工具，插入一个手机尺寸的画板
- 用矩形和文字工具在画板上摆放几个元素
- 切换到原型模式，把两个画板连起来
- 进入查看模式，点击你设置的热区预览交互
实用提示
- 按住空格键拖动画布即可平移，触控板双指滚动同样有效。
- 把鼠标悬停在任意工具图标上，会显示名称与对应快捷键。