編輯組件添加組件
在編輯區(qū)左側(cè)的狀態(tài)欄，素材板塊內(nèi)有「組件」、「圖標(biāo)」、「圖片」和「頁(yè)面」，您可以點(diǎn)擊打開(kāi)對(duì)應(yīng)的素材面板，添加您需要的組件。
智能填充
墨刀支持對(duì)組件進(jìn)行文字和圖片內(nèi)容的智能填充，不必費(fèi)心搜集、上傳資源內(nèi)容，點(diǎn)擊即可生成隨機(jī)內(nèi)容，有效提高工作效率，豐富您的原型項(xiàng)目。
打開(kāi)智能填充面板的方式有兩個(gè)：
入口1：【更多->編輯->智能填充】
入口2：【選中包含文本/圖片元素-＞右鍵->智能填充】
智能填充面板打開(kāi)后會(huì)常駐在工作區(qū)，可以在面板右上角選擇關(guān)閉。
已有組件的內(nèi)容填充
在畫(huà)布中選中能夠承載文字/圖片的組件，并在智能填充面板上點(diǎn)擊需要的內(nèi)容分類(lèi)，即可隨機(jī)生成內(nèi)容。
如果首次填充的內(nèi)容無(wú)法滿足您的需求，可以多次點(diǎn)擊某個(gè)分類(lèi)進(jìn)行切換。
在文字填充板塊，點(diǎn)擊分類(lèi)右側(cè)的【更多】按鈕，能夠篩選填充的具體形式，如「姓名」可篩選「中文、英文、昵稱」等。根據(jù)您的使用記錄，會(huì)自動(dòng)記錄保存設(shè)置項(xiàng)，方便后續(xù)直接使用。
針對(duì)墨刀內(nèi)置的部分特殊組件，如下拉菜單、單選/多選等，使用智能填充后會(huì)自動(dòng)隨機(jī)填充所有選項(xiàng)內(nèi)容，表格/單獨(dú)選擇表格里的內(nèi)容也能夠使用智能填充；輪播圖組件則會(huì)隨機(jī)填充N(xiāo)張圖片（根據(jù)目前的圖片數(shù)量確定）。
內(nèi)容直接置入
不選中任何組件時(shí)如何修改文本框中文本的顏色，雙擊智能填充中的資源分類(lèi)，即可直接將文字/圖片內(nèi)容作為一個(gè)新的組件置入頁(yè)面，繼續(xù)點(diǎn)擊也能夠切換填充的具體內(nèi)容。
顯示/隱藏組件
選中組件，可以在編輯區(qū)右側(cè)的外觀設(shè)置面板中點(diǎn)擊「小眼睛」圖標(biāo)設(shè)置顯示或隱藏組件。
注：隱藏組件后需要在左側(cè)元素欄選中元素后才可以顯示組件。
您也可以使用快捷方式操作：
顯示與隱藏組件快捷鍵 - Ctrl+Shift+H
組合/打散組件
多選組件后，可以在編輯區(qū)的頂部工具欄中對(duì)它們進(jìn)行打散和組合。
您也可以使用快捷方式操作：
組合 Mac：Cmd+G （group） ：Ctrl+G（group）
取消組合 Mac：+Shift+G（Group） ：Ctrl+Shift+G（Group）
鎖定/解鎖組件
選中組件后，可以在頁(yè)面編輯區(qū)頂部工具欄或者右側(cè)的外觀設(shè)置面板中點(diǎn)擊「小鎖」圖標(biāo)來(lái)鎖定或解鎖組件。
使用智能間距整理組件
使用智能間距整理組件，可以快速整理兩個(gè)及以上的元素之間的排列。還能一鍵調(diào)整間距。
智能排列中的元素不需要相同的大小，如果元素之間的間距不相同，可以先使用整理功能重新排列元素的統(tǒng)一間距。
整理功能
目前整理功能的邏輯是根據(jù)最左側(cè)元素與下一個(gè)元素的間距為準(zhǔn)，調(diào)整其他元素之間的間距。
選中元素后，將鼠標(biāo)hover到選區(qū)上將會(huì)出現(xiàn)一個(gè)整理圖標(biāo)。
1.整理水平間距
2.整理垂直間距
3.整理水平&垂直間距
調(diào)整元素之間的間距
將元素整理好后，可以拖拽每個(gè)元素之間垂直或水平間距來(lái)進(jìn)行調(diào)整。方法很簡(jiǎn)單，
1.將鼠標(biāo)懸停在元素之間的線條上，
2.然后光標(biāo)所在位置會(huì)出現(xiàn)一個(gè)方向箭頭（上下方向調(diào)整垂直間距，左右方向調(diào)整水平間距），單擊并拖動(dòng)鼠標(biāo)即可調(diào)整間距。
向上減少元素間的垂直間距，向下則增加元素間的垂直間距向左減少元素間的水平間距，向右則增加元素間的水平間距
使用屬性復(fù)制編輯組件
屬性復(fù)制功能可以理解為格式刷，可以快速?gòu)?fù)制某一元素的屬性粘貼到另一元素中。比如我們想要把畫(huà)布內(nèi)矩形的屬性直接復(fù)制到圓形內(nèi)，可以通過(guò)快捷鍵Ctrl+C（Mac： +C）復(fù)制后，再Ctrl+alt+V（Mac：++V）粘貼屬性即可。
或者可以選中元素后右鍵選擇復(fù)制屬性，在另一元素中右鍵選擇粘貼屬性。
修改組件顏色
在原型中可以使用顏色選擇器對(duì)各類(lèi)組件進(jìn)行顏色設(shè)置，接下來(lái)將對(duì)其中的功能進(jìn)行逐一講解。
您也可以點(diǎn)擊查看視頻演示：漸變色教程視頻
顏色填充共有純色填充、線性漸變、徑向漸變?nèi)N形式，其中線性漸變和徑向漸變僅支持對(duì)圖形、圖標(biāo)、卡片批注等填充時(shí)使用。
填充模式可以在顏色選擇器頂部進(jìn)行切換。
純色填充
純色填充即只支持一種顏色值。
可以通過(guò)色板直接選取顏色，還可以在色板右上角切換至【色彩空間】自由取色，或是使用顏色代碼獲取想要的顏色，并能夠修改顏色的透明度。
單擊左側(cè)的「吸管」按鈕可以進(jìn)行吸色，支持吸取工作區(qū)的任意顏色。
也可以直接使用預(yù)設(shè)的顏色，點(diǎn)擊色板下拉按鈕，有多種配色可供使用，也能在這里查看【我的收藏】。
小帖士：不用調(diào)起顏色面板，選中元素后，可以直接使用快捷鍵I（i）啟動(dòng)吸色功能，為選中元素填色， 不要太方便！
線性漸變
線性漸變，就是多個(gè)顏色以直線的路徑進(jìn)行漸變，可以修改這條直線上任意點(diǎn)的顏色讓其進(jìn)行自然過(guò)渡。
1.選擇進(jìn)入線性漸變后，頂部會(huì)出現(xiàn)一個(gè)滑動(dòng)色條，色條上的按鈕為漸變中的顏色。
2.顯示為藍(lán)色的按鈕即為當(dāng)前選中的按鈕，可以左右拖拽以更改這一顏色在漸變中的范圍，也能夠修改顏色。
3.在色條任意位置點(diǎn)擊，即能添加按鈕。
4.點(diǎn)擊色條右側(cè)的按鈕，可以進(jìn)行反向漸變。
5.選中組件，并打開(kāi)顏色選擇器后，能看到組件中出現(xiàn)漸變路徑直線，可以拖拽兩端，調(diào)整路徑長(zhǎng)度、位置、角度，也可以拖拽路徑上的漸變色點(diǎn)，調(diào)整其位置。
在預(yù)設(shè)顏色中，也提供了線性漸變的色庫(kù)，可以直接使用。
徑向漸變
徑向漸變，即多個(gè)顏色以圓形從圓心到邊緣擴(kuò)散的漸變效果，可以修改圓（或橢圓）的半徑、偏心率與圓心的位置控制漸變效果，可以實(shí)現(xiàn)類(lèi)似光源的視覺(jué)效果。
選中組件，并打開(kāi)顏色選擇器后，能看到組件中出現(xiàn)漸變路徑，共有三點(diǎn)可以調(diào)整漸變的路徑效果，它們分別確定圓（或橢圓）的圓心位置、半徑及偏心率。
在預(yù)設(shè)顏色中如何修改文本框中文本的顏色，也提供了徑向漸變的色庫(kù)，可以直接使用。