XD拉框助手是一款基于Xd的圖像插件工具,我們可以通過這款軟件來快速生成各種圖表。當然,你也可以對這些圖標的參數進行設置,從而制作出自己需要的圖形內容。
用真實數據做設計
簡單易學的Xd插件
折線圖 / 面積圖 /柱狀圖 / 餅圖 / 雷達圖 / 地圖
Adobe官方都沒找到如此優秀的Xd圖表插件,中國人的驕傲
理論上支持大于等于20.0.0.0的Xd版本。開發者在24.4.22.1這個版本上測試得最為充分
節約時間
一般來說,使用Xd繪制真實數據的圖表是一個非常耗時的過程
簡單方便
拉個框,填寫顏色值,點擊確定就可以輕松獲得你想要的圖表效果
自動化
自動化繪制的視覺元素將準確地表示數字、尺寸、間距,實現結果真實可靠。
容易實現
拉框助手生成的界面,開發小哥使用Echarts一定能夠實現,實現效果能與設計圖一致
折線圖繪制步驟
1、使用Xd的矩形工具在界面上繪制一個矩形。
2、勾選你需要繪制的內容,包括圖表的橫線、豎線、文字、線條、面積圖、每個點繪制一個小圓圈等等
3、選擇您是要繪制隨機數據還是固定點的數據,如果是隨機數據,則填寫隨機數據的范圍,主要這個范圍不要超過Y軸的整個范圍。如果是固定數據,則要求填寫每個點的值,使用英文逗號分隔開
4、您也可以在圖表上繪制多條線,點擊增加一組數據按鈕,填寫第二組數據相應的參數,則會繪制第二條線。以此類推,可以繪制多條折線
5、點擊確定按鈕,Xd拉框助手則會自動給你繪制好你所需要的圖形
柱狀圖繪制步驟
1、使用Xd的矩形選框工具拉一個框
2、勾選你需要繪制的內容,包括圖表的橫線、豎線、文字、 你可以設置柱子為單色或者漸變,也可以給柱子設置成圓角
3、如果需要,你可以通過點擊添加一組數據按鈕來添加多組數據,制作每列中都有多個柱子的對比效果
4、點擊確定按鈕,拉框助手則會自動給你繪制好你所需要的圖形