聊聊xiaopiu那些鲜为人知的惊喜功能(基础篇)

xiaopiu从最初上线到现在已经两年半了,经历了许多新功能的开发和大大小小的优化,那么有没有人发现过一些不太容易找到,但知道后绝对能提高很多效率的功能呢?我们给大家梳理了所有xiaopiu里帮助提高效率的功能点和隐藏小技巧,帮助大家快速学习掌握xiaopiu!


因为内容较多,我们整理成了三篇,包括——

基础篇:主要介绍一些基础操作中的高效方法、可提高效率的快捷键等新手捷径

进阶篇:介绍一些给新老用户查漏补缺的功能和操作

终极篇:包含除原型外的其他惊喜功能、对其他团队成员十分友好的功能和一些有趣的小彩蛋~


这三篇系列文是给没时间仔细探索工具的新用户的捷径福利文,也是一篇给休闲高端老玩家查漏补缺考查xiaopiu专八考试是否能合格的检验文。不管怎么说,没时间看也可以先马住~ 文末有福利哟!



基础篇


一、基础编辑中的高效方式


1、快捷键 Ctrl(⌘):快速选中子组件

做好了一个集合,这个集合层级很多,如果需要选中第三、四层的元素,靠连续双击找到它太耗费精力了,此时按住「Ctrl(⌘)」就可以快速选中集合里的该元素啦~

2、快捷键 Ctrl + Shift + V:粘贴到鼠标指针所在的当前位置

对于多数相对位置不在画布可视范围内的组件,「Ctrl (⌘)+ Shift + V」可以将粘贴的组件直接放在鼠标所在位置,再也不怕找不到复制出来的组件了!

3、快捷键 A:任意框选

这是我最喜欢的功能之一!

框选组件是我们非常常用的操作,但常规框选只支持从画布空白处开始画框,否则就会移动组件。但只要按住快捷键「A」,再用鼠标框选,你就可以从任意地方开始框选啦!(集合内部也是支持的哟)


4、快捷键 Alt:拖拽复制

按住快捷键「Alt」即可直接拖拽复制组件。


5、表格内部的快捷复制

鼠标悬停到单元格边框时,会出现红色的小圆点,拖拽小圆点即可以把单元格的文本、样式、事件全部完整地复制到其它单元格。


6、超便捷!自动生成「导航菜单」的页面跳转链接

后台系统中我们常常会用到导航菜单,每次要给导航菜单的几十个选项都加上页面跳转链接,是不是想想都头大?

使用高级组件中的导航菜单,勾选「自动关联同名页面」,只要你的页面名称和导航上的列表项对应,我们就会自动为你生成跳转链接,不需要自己再一个一个添加啦,是不是很!贴!心!


7、跨项目复制页面

在目录中选中页面,使用快捷键「Ctrl (⌘)+ C」复制,在其他项目中使用快捷键「Ctrl(⌘) + V」粘贴即可!合并项目、转移页面等等需求这一个功能全满足!


8、两种备注,解决各类页面注释需求

xiaopiu不仅拥有独立的「全局备注」组件,可以自由移动位置,也可以指定备注范围;还支持直接选中组件填写注释内容,让备注内容与组件完全关联。



二、新手必备——效率神器


9、快速复制与智能填充

快速复制与智能填充这对最强CP是可以帮你一键生成列表、再一键填充文本和图片内容的超级大神器,绝对能大大提升你的工作效率!

来看看怎么利用它们一分钟做出一组高保真列表:

做完一个集合列表以后,使用快速复制功能复制出多个,然后进入智能填充,同时给多个相同集合替换图片和文本,即可快速完成一组高保真列表。


是不是意犹未尽?详细介绍可以看这里哟!

智能填充

快速复制


10、不喜欢随机?给你「顺序填充」

在有些场景下我们可能需要按固定顺序来填充文本,那你可以自定义文本内容后点击「顺序填充」就ok啦!~


11、把控全局的引用组件

引用组件是用户可以在项目中统一管理的组件模板,修改一处就可以同步更新所有用到该组件的地方。同时,还可以对各个实例进行文本、图标、图片、状态等信息替换,大大增强了模板的复用性。

一句话简单介绍就是 —— Axure [ 母版 ] 的加强版!!!(详细介绍看这里:引用组件


12、需要替换内容的引用组件怎么用更高效?

将引用组件中需要在外部进行替换的组件名称都重命名为合适的属性名称,比如“标题”、“内容”等,能够让你的引用组件更加直观,就像一个设计好的组件模板,替换起来更加方便哟。


三、这些功能为你的误操作保驾护航


13、自动备份历史版本

不管是误删组件、误删页面、还是误删项目,我们现在都提供一条龙的保障服务了!如果误操作导致内容丢失,可以通过点击顶栏的「历史记录」按钮,进入右侧的「历史备份」面板找到之前的版本哟!xiaopiu会自动帮你备份项目4天内多个时间段的数据。


14、项目回收站

如果删除项目又后悔了,不要慌,回收站会帮你把删除的项目再保存两周,这期间你可以随时将项目恢复到工作台。



四、新手须知——如何高效利用教程解决问题


15、帮助你快速解决问题的帮助面板

在编辑原型的时候遇到问题但是觉得切到教程页看文字教程太麻烦?点击左侧面板的「帮助」,花几秒看完即可懂的小功能教程演示,非常容易理解,还有多个整理好的用户常见问题与完整教程演示快捷入口,编辑时出现的问题随时可以在左侧解决哦!

(再也不用来问怎么做内部滚动啦,教程演示可是比文字回复给力多了!)



16、细致的系统化学习教程

如果要深入全面地学习xiaopiu原型工具,可以使用官方制作的全套完整视频教程和全平台文字教程哟!在这里可以了解所有内容:https://www.xiaopiu.com/tutorial


想要更精准的传送门?请从下方获取门牌号👇👇👇


• 如何制作页面间交互,或单个页面内的触发事件?

你需要学习「事件与状态交互」「页面内交互-状态」


• 怎么做出修改一处就可以应用到所有页面的组件?

你需要阅读这篇《「引用组件」全新上线!》「教程-引用组件」


• 不想自己动手做状态,想要自带交互的组件?

你需要了解的是「高级组件」


• 还没有用过PRD文档,想了解一下PRD功能?

你需要的是这篇全新「产品需求文档(PRD)」创作模式,全网首发上线!》


• 想快速了解如何做页面流程?

你需要这篇《你们千呼万唤的「页面流程功能」终于来啦!》


• 使用时遇到了问题?

你都可以在我们细致统计和整理的大多数用户反馈的问题里找到解答:「FAQ常见问题」


基础篇就先介绍到这里!下周我们会推送「进阶篇」,为学有余力的同学们提供一些功能指导~!


大家可以在下方评论区聊一聊自己最喜欢的功能,有好的意见和建议也可以在下方写出来噢!当然还可以聊聊自己做原型时用到的让人拍案叫绝的野路子操作~!

推荐阅读更多精彩内容