
小伙伴們久等了~~國慶長假結(jié)束啦,趁大家上班了趕緊把這波終極篇給大家推送起來,這樣大家就可以愉快地加班啦!有足夠的時間快樂學(xué)習(xí)啦~
系列文前兩篇傳送門??????
「聊聊xiaopiu那些鮮為人知的驚喜功能(基礎(chǔ)篇)」
本篇除了進階功能外,還包含了一些總結(jié)性的內(nèi)容和功能彩蛋,快快,要發(fā)車啦~!快上車!滴 ——
終極篇
一、開發(fā)必備:幫助團隊感情日漸深厚的功能
1、標注:直接選中復(fù)制文本
你以為我是來推薦標注功能的?不!標注已經(jīng)被大家熟知并且用得非常順手了,我就不廢話了~但是有一個功能一定只有非常非常少的一小部分人知道!
標注頁下只要選中文本組件就已經(jīng)復(fù)制好文本了!!不需要使用復(fù)制快捷鍵!也不需要在選中以后再在右側(cè)面板點擊復(fù)制!

2、查看相對父級位置
對于開發(fā)而言,內(nèi)部組件相對父級的位置往往比其在頁面中的位置更重要,在標注面板中點擊「相對父級」即可將所有絕對位置信息調(diào)整為相對父級的位置信息!

二、產(chǎn)品須知:產(chǎn)品需求文檔(PRD)的那些逆天功能
3、原型備注一鍵導(dǎo)入PRD
在原型上寫好的備注在PRD中難道還要一條一條粘貼過來嗎?當然不用!為解決這個問題,我們專門為你準備了一鍵導(dǎo)入原型備注的功能!

4、快速移動多個組件
如果寫著寫著發(fā)現(xiàn)前面漏寫了一個表格怎么辦?下面的組件要一個一個選中往下移動給它騰出位置嗎?不需要!我們給你準備了神器一枚!你只需要選中任意組件,拖拽組件上方的「整體移動」按鈕,就可以整體移動該組件下方的所有組件啦!

三、頁面流程里的這些功能你用過了嗎
5、流程圖頁面分布太遠不好連線?「自動整理」用了嗎?
頁面流程模式下過于自由,頁面排得很亂怎么辦?用左上角的「頁面平鋪」功能,一鍵將頁面在屏幕內(nèi)排布得整整齊齊~

6、快捷添加事件連線
做原型時已經(jīng)添加過的交互事件,在頁面流程頁還需重新連線嗎?當然不需要~!全選頁面后使用「生成交互事件連線」功能,即可立刻連好所有事件連線啦!

7、顯示長頁面
希望在頁面流程中使用長頁面連線的小伙伴也可以在設(shè)置中開啟「顯示長頁面」喲~

8、快捷鍵 P:快捷連接頁面連線
頁面流程模式下,頁面中組件邊緣常常和頁面邊緣有重合,很難選中頁面進行頁面連線。此時按住快捷鍵「P」,即可直接屏蔽組件,只連接頁面連線啦!

9、快捷鍵 L:鎖定組件選中態(tài)
與頁面和組件間的干擾同理,在頁面內(nèi)懸停組件也經(jīng)常會有組件相互影響的情況。為避免干擾,你只需要選中組件后按住快捷鍵「L」,即可鎖定當前懸停的組件開始連線啦~!

四、??如何打破次元壁使用xiaopiu冷門功能
10、隨機的自定義填充功能,告別選擇困難癥,我們都用它來點外賣
xiaopiu的公司文化之一是點外賣,233號的副業(yè)之一就是如何讓同事能夠每天換著花樣點好吃的外賣。于是我們強效利用了xiaopiu插件的「智能填充-自定義文本」功能!
填完了日常試過的不踩雷菜單后,將其寫入列表,糾結(jié)的時候就靠它解決了!

11、苦于如何配色?這個功能讓你配色一時爽,一直配色一直爽!
配色真的是產(chǎn)品與UI都會遇到的難題,版式排的非常漂亮,一上色就會面臨稍微不小心就弄得不好看的問題。各大網(wǎng)站的配色教程里都有一個非常簡單且實用的配色方法,就是通過上傳某張圖片到配色網(wǎng)站后使用一種取色方法后臺取得配色。在我們的標注功能中也可以利用該功能取得一樣的效果!選中圖片即可出一套優(yōu)雅的配色方案!點擊立即復(fù)制顏色值哦!

五、精選廣場內(nèi)容太多不知怎么復(fù)用?看這里!
當然,不管是基礎(chǔ)篇、進階篇還是彩蛋篇,介紹的都是,以上功能都抵不過做原型時一個最高效的操作——復(fù)用別人的原型資源!不想用,如果有小伙伴覺得精選廣場內(nèi)容太多看花眼了,我們也有精心整理的打包方案供你使用喲!點擊鏈接直接獲取~!↓
20+行業(yè)分類,100+完整項目,幫你快速找到想要的原型資源!
本篇文章整理了100+優(yōu)質(zhì)原型,按照分類將已有的原型項目篩選了一遍,需要按分類獲取的趕緊收藏起來吧!
除了編輯頁隨時獲取的高復(fù)用Ant Design高級組件外,我們還提供全套Ant Design項目、頁面、組件,同時包含Web和Mobile,美觀易使用,即拿即用~!
關(guān)于xiaopiu原型工具里的那些驚喜功能就盤點到這里啦~ 眾多的細節(jié)可以凝聚成良好的用戶體驗,雖然這些功能很多看似都比較小,但都是我們在為提高用戶工作效率上做的優(yōu)化。我們或許現(xiàn)在還有許多不足,但xiaopiu絕對不會停駐不前,未來一定還會優(yōu)化更好用、更高效的產(chǎn)品給大家使用~!預(yù)祝大家國慶快樂喲~
大家可以在下方評論區(qū)聊一聊自己最喜歡的功能,有好的意見和建議也可以在下方寫出來噢!當然還可以聊聊自己做原型時用到的讓人拍案叫絕的野路子操作!
我們將抽取部分優(yōu)質(zhì)有效的評論送出高級VIP福利?。犝f喜歡互動的用戶更容易獲得VIP喲~)