小伙伴们久等了~~快到国庆啦,国庆前赶紧把这波终极篇给大家推送起来,这样大家就可以愉快地加班啦!有足够的时间快乐学习啦~
系列文前两篇传送门:
本篇除了进阶功能外,还包含了一些总结性的内容和功能彩蛋,快快,要发车啦~!快上车!滴 ——
终极篇
一、开发必备:帮助团队感情日渐深厚的功能
1、标注:直接选中复制文本
你以为我是来推荐标注功能的?不!标注已经被大家熟知并且用得非常顺手了,我就不废话了~但是有一个功能一定只有非常非常少的一小部分人知道!
标注页下只要选中文本组件就已经复制好文本了!!不需要使用复制快捷键!也不需要在选中以后再在右侧面板点击复制!
2、查看相对父级位置
对于开发而言,内部组件相对父级的位置往往比其在页面中的位置更重要,在标注面板中点击「相对父级」即可将所有绝对位置信息调整为相对父级的位置信息!
二、产品须知:产品需求文档(PRD)的那些逆天功能
3、原型备注一键导入PRD
在原型上写好的备注在PRD中难道还要一条一条粘贴过来吗?当然不用!为解决这个问题,我们专门为你准备了一键导入原型备注的功能!
4、快速移动多个组件
如果写着写着发现前面漏写了一个表格怎么办?下面的组件要一个一个选中往下移动给它腾出位置吗?不需要!我们给你准备了神器一枚!你只需要选中任意组件,拖拽组件上方的「整体移动」按钮,就可以整体移动该组件下方的所有组件啦!
三、页面流程里的这些功能你用过了吗
5、流程图页面分布太远不好连线?「自动整理」用了吗?
页面流程模式下过于自由,页面排得很乱怎么办?用左上角的「页面平铺」功能,一键将页面在屏幕内排布得整整齐齐~
6、快捷添加事件连线
做原型时已经添加过的交互事件,在页面流程页还需重新连线吗?当然不需要~!全选页面后使用「生成交互事件连线」功能,即可立刻连好所有事件连线啦!
7、显示长页面
希望在页面流程中使用长页面连线的小伙伴也可以在设置中开启「显示长页面」哟~
8、快捷键 P:快捷连接页面连线
页面流程模式下,页面中组件边缘常常和页面边缘有重合,很难选中页面进行页面连线。此时按住快捷键「P」,即可直接屏蔽组件,只连接页面连线啦!
9、快捷键 L:锁定组件选中态
与页面和组件间的干扰同理,在页面内悬停组件也经常会有组件相互影响的情况。为避免干扰,你只需要选中组件后按住快捷键「L」,即可锁定当前悬停的组件开始连线啦~!
四、如何打破次元壁使用xiaopiu冷门功能
10、随机的自定义填充功能,告别选择困难症,我们都用它来点外卖
xiaopiu的公司文化之一是点外卖,233号的副业之一就是如何让同事能够每天换着花样点好吃的外卖。于是我们强效利用了xiaopiu插件的「智能填充-自定义文本」功能!
填完了日常试过的不踩雷菜单后,将其写入列表,纠结的时候就靠它解决了!
11、苦于如何配色?这个功能让你配色一时爽,一直配色一直爽!
配色真的是产品与UI都会遇到的难题,版式排的非常漂亮,一上色就会面临稍微不小心就弄得不好看的问题。各大网站的配色教程里都有一个非常简单且实用的配色方法,就是通过上传某张图片到配色网站后使用一种取色方法后台取得配色。在我们的标注功能中也可以利用该功能取得一样的效果!选中图片即可出一套优雅的配色方案!点击立即复制颜色值哦!
五、精选广场内容太多不知怎么复用?看这里!
当然,不管是基础篇、进阶篇还是彩蛋篇,介绍的都是,以上功能都抵不过做原型时一个最高效的操作——复用别人的原型资源!不想用,如果有小伙伴觉得精选广场内容太多看花眼了,我们也有精心整理的打包方案供你使用哟!点击链接直接获取~!↓
20+行业分类,100+完整项目,帮你快速找到想要的原型资源!
本篇文章整理了100+优质原型,按照分类将已有的原型项目筛选了一遍,需要按分类获取的赶紧收藏起来吧!
除了编辑页随时获取的高复用Ant Design高级组件外,我们还提供全套Ant Design项目、页面、组件,同时包含Web和Mobile,美观易使用,即拿即用~!
关于xiaopiu原型工具里的那些惊喜功能就盘点到这里啦~
众多的细节可以凝聚成良好的用户体验,虽然这些功能很多看似都比较小,但都是我们在为提高用户工作效率上做的优化。我们或许现在还有许多不足,但xiaopiu绝对不会停驻不前,未来一定还会优化更好用、更高效的产品给大家使用~!
预祝大家国庆快乐哟~