[yoyoo Design]Yoyoo 设计教程-自定义组件

zuimeiaj发布于4 个月前 • 183 次阅读

前面已经讲到如何使用页面状态来做一些高级交互,那么本教程将讲解如何制作一个自己的组件

内置组件库

工具在创建之初的目标就是要覆盖目前前端所有主流的ui库,为你的创作加油,目前已内置12个基础组件库,你可以基于他制作任何复杂的页面,不仅如此她还提供一套开箱即用的前端主流UI库,后续会完善PC端组件库。真正实现制作一个原型仅仅只花几分钟时间就搞定

image

开箱即用的主流UI库 image

自定组件

通常我们在设计原型的时候,很多页面上都有很多重复的元素。比如按钮、卡片、顶部导航栏、底部导航栏、表单输入等。如果我们每次都去重新制作的话有点浪费时间和经历。值得一提的是强大的yoyoo可以很好的帮我们解决这个问题。那就是自定义组件 image

自定义操作很简单,在工作区域选中已设计好的组件然后点击右键选择 添加到我的组件,就轻松搞定了。之后你可以从我的模板中将已制作好的组件拖拽到工作区域中可再次使用。

是不是很简单,快去试试吧Yoyoo原型

共收到 0 条回复