引言
繪(hui)制原(yuan)型(xing)圖是作(zuo)為(wei)產品經理的一(yi)項基礎性能力(li)，但(dan)往往有些小需(xu)求(qiu)或是小改動，會讓(rang)人覺得投入產出比不高，用文(wen)字或者p圖快速搞一(yi)下就(jiu)得了~但(dan)文(wen)字往往沒(mei)有原(yuan)型(xing)那么(me)直(zhi)觀，p圖也不是很美觀，而Figma的小插件可(ke)以快速助力(li)我們得到目標(biao)頁面的原(yuan)型(xing)，再此基礎之上修(xiu)修(xiu)改改，既(ji)省(sheng)時又省(sheng)力(li)。那讓(rang)我們快開(kai)始吧~
快速上手
Step1 ：打開chrome瀏覽(lan)器，找到「設置」，點擊「訪問chrome應用(yong)商店」
Step2: 搜索(suo)??「html to design」安(an)裝下圖擴展程序
Step3: 點擊下圖icon后(hou)，點擊「html to design」
Step4: 根據需要選擇目(mu)標區域大小，此處我選擇整個(ge)頁面
Step5: 選擇完成后，會在(zai)瀏覽器(qi)的「下載」位(wei)置(zhi)中(zhong)，顯示一個后綴為.h2d文件。
Step6: 接(jie)著打開我們桌面端的Figma軟(ruan)件(jian)，點(dian)擊下(xia)圖(tu)icon，同樣安裝「html.to.design」插(cha)件(jian)
Step7: 點擊下圖icon，導入.h2d文件，即可成功得到目標區域的原型圖！！！！！
