原型文件资源库

资源库可以轻松调取原型设计的常用组件、图标和模板,并进行个性化编辑,助力快速构建高质量原型。

原型文件预装了五个资源库,分别是基础资源、页面资源、图标、组件、智能填充。

基础资源:提供原型设计常用的组件与工具。

页面资源:内置不同行业常用的原型页面模板。

图标:收录多种风格的图标资源,分为线性图标和实心图标。

组件:支持直接使用设计师团队库或预置组件库,保持设计一致性。

智能填充:提供文本和不同主题图片的自动填充,提升设计效率。

如何使用资源库

添加资源

  • 选择合适的资源,或通过搜索框输入资源名称,快速定位资源。

  • 从资源库拖动资源到画布上。

编辑内容

  • 点击资源,或在图层栏选中资源图层,直接进行编辑。

  • 支持调整组件尺寸、设置圆角、添加约束等。

调整外观

  • 选中资源,在右侧属性栏中设置填充颜色、编辑字体、或添加特效。

工具辅助编辑

  • 使用工具栏中的容器、钢笔、文字、连接线等工具,对图层进行深度编辑。

基础资源

资源-基础资源@2x.png

基础资源涵盖原型设计中常用的组件和基础工具,支持不同端的快速切换:

  • 移动端:提供适用于 APP、小程序、iOS 原生、Android 原生 的资源。

  • PC端:包含 Web 网站和 Web 后台 的资源。

资源种类包括:文本、图形、图片、卡片、图表、对话框、状态栏、导航栏等。

页面资源

资源-页面资源@2x.png

内置不同行业常用的原型页面模板,包括完整的排版、符号和组件,支持自由调整与编辑,根据场景分类:

  • Web网页:电商、社交、影音等类型。

  • APP应用:电商、短视频、金融理财、社交、影音等。

图标

资源-图标@2x.png

收录多种风格的高质量图标资源,包含Arrows、Business、Communication、Design等常用主题。

分为线性图标和实心图标,点击图标后方的「切换」按钮即可切换模式。

组件

资源-组件@2x.png

使用设计师团队库或预置组件库,确保设计的一致性,提升协作效率。

智能填充

资源-智能填充@2x.png

提供文本和图片的自动填充:

  • 文本填充:涵盖常用姓名、手机号码、日期、地址等格式。

  • 图片填充:多主题图片资源,适配不同场景需求。

👉本篇文章对你是否有帮助?👍🏻 有帮助 👎🏻 无帮助,我们期待着你的反馈。