选择元件库（Libraries）下拉表中的默认（Default）选项， 显示的就是系统提供的做原型的所有原件了。先看常用元件（Common）。

1. 矩形
有3个默认样式来选择Box1/2/3，只是默认样式不同， 其他都一样。
1-1 修改矩形的圆角半径
两种方式：
拖动右上角的“倒三角”符号
在样式（STYLE）的圆角半径直接输入角度即可。

1-2 改变矩形形状
两种方式：
-点击右上角的“小圆”符号调出形状列表。

• 在属性（Properties）--形状（Shape） – 选择形状（Select Shape）中调出形状列表。
  
  1-3 矩形文字：双击矩形， 可填充文字。
  
  1-4 自适应
  双击小方块， 元件会根据文字大小进行自适应形状大小。
  
  2. 按钮
  提供了两个默认样式。 跟矩形一样， 只是默认样式不同， 其他都一样。
  
  双击按钮改变其内文字， 双击又下角小方块可自适应改变其大小。
  
  3. 标题
  提供了3个标题， 默认字体大小不同。其他的属性样式都是一样的。
  拖动标题元件边框上的小方块可以拖动调整其大小。
  
  自适应：
  双击边框上的小方块， 元件会根据其内的文字大小自适应调整自己的大小。
  调整宽度前
  
  调整宽度后
  
  水平方向上的小方块可调整期高度。 四个角可同时调整宽度和高度
  
  4. 文本
  文本标签和文本段落。
  默认填充文字多或少， 其他都一样。
  
  5. 线条
  水平线和垂直线。作为原型中内容分割作用。
  
  小结
  可以看到， 以上的原件在“页面概要”中后面都标记的“Rectangle矩形”。 这说明的一个本质的问题：这些原件本质上都属于矩形， 只不过呈现出了不同的样式而已。
  
  所以看到右上角有“倒三角”和“小圆”符号就知道可以调整“圆角半径”和“形状”。
  以及双击“小方块”调整元件大小， 双击元件可填充文字。
  
  6. 占位符
  顾名思义， 就是放在页面上先占个位。因为在做原型的时候不太清楚未来页面要放什么， 但是这个位置还是要留出来。
  
  7. 图片
  
  双击图片， 添加图片内容
  
  双击要填充的图片， 填充完成。
  填充图片的作用：
  1做高保真原型时要求跟真实产品还原度很高， 不可避免的要添加真实图片， 这时会用到。
  2 利用图片制作带有图片背景的按钮，就是把添加图片的图片元件当成按钮来用。
  8. 热区
  添加热区后可以对原件的某一个区域进行编辑。默认是有浅绿色的遮罩。
  例如在图片的右上角添加一个热区， 那么我在使用时只需要点击热区区域而不影响整张图片。
  

完！