Repeat Grid是adobe xd內(nèi)置的數(shù)據(jù)填充插件,這款工具可以根據(jù)需求自動(dòng)生成不同數(shù)據(jù)的txt文本。這里西西提供了Repeat Grid的隨機(jī)填充數(shù)據(jù)txt文本下載,如果你要使用這款工具來(lái)填充數(shù)據(jù)可以來(lái)西西下載對(duì)應(yīng)的數(shù)據(jù)文本。
使用方法:
單擊菜單里面的Repeat Grid或者直接打開鏈接https://xd.94xy.com/repeat-grid.html 就能使用我們的隨機(jī)生成填充數(shù)據(jù).txt小工具,根據(jù)你需要的內(nèi)容,比如標(biāo)題,鼠標(biāo)經(jīng)過(guò)會(huì)顯示單個(gè)示例,單擊可以直接下載到包含100條數(shù)據(jù)的.txt文件,拖入Adobe XD就可以自動(dòng)填充啦。
目前包含姓名、文本、web、地區(qū)、日期、時(shí)間六大類的33小類數(shù)據(jù)樣式生成,而且每一次生成的數(shù)據(jù)都不樣哦,當(dāng)然這得感謝mock-min.js,使得這個(gè)小工具可以不依賴任何服務(wù)器,直接在客戶端運(yùn)行。
Repeat Grid介紹:
Repeat Grid又稱為重復(fù)網(wǎng)格,是Adobe XD--Adobe experience design cc的最大亮點(diǎn)功能之一,能夠?yàn)槲覀兏咝逝刻幚,快速完成工作?/p>
比如我們需要一排排的圓點(diǎn),只需要畫一個(gè)圓點(diǎn),開啟Repeat Grid,圓點(diǎn)會(huì)出現(xiàn)綠色邊框,右邊和下邊會(huì)出現(xiàn)控制點(diǎn):
拖動(dòng)右邊和下邊的控制點(diǎn)Repeat Grid便會(huì)為我們批量復(fù)制出多個(gè),并且鼠標(biāo)移動(dòng)到間隔空隙中間,會(huì)激活調(diào)整間隔,按住拖動(dòng)即可調(diào)整空格間隙:
在實(shí)際工作中,比如我們頁(yè)面內(nèi)有重復(fù)格式的內(nèi)容,只需要做一個(gè),開啟Repeat Grid復(fù)制,然后把我們準(zhǔn)備好的素材全選拖進(jìn)去就可以批量處理: