05月18日星期一
  • figma文件可以直接导入到Axure中了!

    figma插件-AXURE可以支持直接将figma设计交互稿导入到Axure中了; <h2>插件地址:</h2> https://www.figma.com/community/plugin/837098402230990991/Axure <a href="http://uifig.com/wp-content/uploads/2020/05/1c05fdbe8a432a_1_newsflashes.png"><img class="alignnone size-full wp-image-205" src="http://uifig.com/wp-content/uploads/2020/05/1c05fdbe8a432a_1_newsflashes.png" alt="" width="1920" height="960" /></a> 轻松地将框架从Figma复制到Axure RP 9或直接将框架发布到Axure Cloud。从Figma复制框架到Axure RP,您可以利用Axure RP强大的原型制作功能快速将设计变为现实。只需在Figma中选择框架并使用此插件进行复制即可。然后在Axure RP中,将设计粘贴到画布上。此功能需要Axure RP 9.0.0.3694版或更高版本。通过将框架发布到Axure Cloud,您可以与团队协作,构建基本原型,并无缝地将可视资产和CSS移交给开发团队。现在,您可以将RP原型和Figma设计放在一个地方!使用此功能之前,您需要安装Axure Cloud桌面应用程序。原文连接

    喜欢{{list !== '' ? list['10']['0']['vote']['up'] : '1'}}

    讨厌{{list !== '' ? list['10']['0']['vote']['down'] : '0'}}

    分享到微博微信QQ好友
03月23日星期一
  • 语雀支持?Figma链接直接预览

    继支持 Sketch、PS、AI、EDraw、Draw.io、墨刀 Visio、Axure、Omnigraffle、ProcessOn MindNode、XMind 、MindManager、FreeMind …… 等等等等绘图软件之后…… (这段话说完好累让我喘口气?) <span contenteditable="false" data-card-type="inline" data-lake-card="image" data-card-value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2020%2Fgif%2F215718%2F1582879120863-4fd196a3-4199-4549-afb0-e12507c3f3eb.gif%22%2C%22originWidth%22%3A905%2C%22originHeight%22%3A556%2C%22name%22%3A%22card3.gif%22%2C%22size%22%3A1743530%2C%22display%22%3A%22inline%22%2C%22align%22%3A%22left%22%2C%22linkTarget%22%3A%22_blank%22%2C%22status%22%3A%22done%22%2C%22ocrLocations%22%3A%5B%7B%22x%22%3A2.828125%2C%22y%22%3A0%2C%22width%22%3A158.374995%2C%22height%22%3A12.255208%2C%22text%22%3A%22DFWord%2CKeynote%2CX...%22%7D%2C%7B%22x%22%3A740.02606%2C%22y%22%3A78.24479%2C%22width%22%3A50.906240000000025%2C%22height%22%3A13.19792000000001%2C%22text%22%3A%22%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%22%7D%2C%7B%22x%22%3A740.96875%2C%22y%22%3A101.8125%2C%22width%22%3A122.55205000000001%2C%22height%22%3A14.140625%2C%22text%22%3A%22%E9%80%89%E6%8B%A9%E4%BD%A0%E8%8D%A3%E8%A6%81%E6%8F%92%E5%85%A5%E7%9A%84%E6%96%87%E4%BB%B6%22%7D%2C%7B%22x%22%3A740.96875%2C%22y%22%3A125.3802%2C%22width%22%3A74.47394999999995%2C%22height%22%3A15.083349999999996%2C%22text%22%3A%22%E6%98%BE%E7%A4%BA%E6%95%88%E6%9E%9C%E8%B0%83%E6%95%B4%22%7D%2C%7B%22x%22%3A740.96875%2C%22y%22%3A149.89062%2C%22width%22%3A49.02080999999998%2C%22height%22%3A14.140629999999987%2C%22text%22%3A%22%E5%85%B6%E4%BB%96%E9%97%AE%E9%A2%98%22%7D%2C%7B%22x%22%3A298.83853%2C%22y%22%3A163.08855%2C%22width%22%3A74.47397000000001%2C%22height%22%3A37.70832999999999%2C%22text%22%3A%22%E8%AF%AD%E9%9B%80%22%7D%2C%7B%22x%22%3A752.28125%2C%22y%22%3A173.45833%2C%22width%22%3A146.11981000000003%2C%22height%22%3A16.96875%2C%22text%22%3A%22%E4%B8%8A%E4%BC%A0%E5%B5%8C%E5%85%A5%E7%9A%84%E6%96%87%E4%BB%B6%E6%9C%89%E5%A4%A7%E5%B0%8F%E5%90%97%3F%22%7D%2C%7B%22x%22%3A751.33856%2C%22y%22%3A197.02605%2C%22width%22%3A152.71874000000003%2C%22height%22%3A16.96875%2C%22text%22%3A%22%E4%B8%80%E4%B8%AA%E6%96%87%E6%A1%A3%E6%80%BB%E6%87%92%E5%85%A5%E5%8D%A1%E7%89%87%E6%9C%89%E9%99%90%E5%88%B6%E5%8F%A3%22%7D%2C%7B%22x%22%3A268.67188%2C%22y%22%3A215.8802%2C%22width%22%3A137.6354%2C%22height%22%3A17.91147000000001%2C%22text%22%3A%22%E4%B8%93%E4%B8%9A%E7%9A%84%E4%BA%91%E7%AB%AF%E7%9F%A5%E8%AF%86%E5%BA%93%22%7D%2C%7B%22x%22%3A756.05206%2C%22y%22%3A221.53645%2C%22width%22%3A85.78650000000005%2C%22height%22%3A15.083349999999996%2C%22text%22%3A%22%E6%94%AF%E6%8C%81%E9%82%A3%E4%BA%9B%E6%A0%BC%E5%BC%8F%3F%22%7D%2C%7B%22x%22%3A766.4219%2C%22y%22%3A246.98958%2C%22width%22%3A99.92703999999992%2C%22height%22%3A13.19792000000001%2C%22text%22%3A%22Keynote%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%22%7D%2C%7B%22x%22%3A767.36456%2C%22y%22%3A270.55728%2C%22width%22%3A103.69794000000002%2C%22height%22%3A13.197940000000017%2C%22text%22%3A%22Numbers%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%22%7D%2C%7B%22x%22%3A770.1927%2C%22y%22%3A296.0104%2C%22width%22%3A90.5%2C%22height%22%3A11.3125%2C%22text%22%3A%22OmniGraffle%E6%96%87%E4%BB%B6%22%7D%2C%7B%22x%22%3A768.3073%2C%22y%22%3A318.6354%2C%22width%22%3A125.38019999999995%2C%22height%22%3A15.083349999999996%2C%22text%22%3A%22Project.mpp%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%22%7D%2C%7B%22x%22%3A768.3073%2C%22y%22%3A342.20312%2C%22width%22%3A108.41144999999995%2C%22height%22%3A13.197909999999979%2C%22text%22%3A%22MindNode%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%22%7D%2C%7B%22x%22%3A768.3073%2C%22y%22%3A366.71353%2C%22width%22%3A91.44269999999995%2C%22height%22%3A12.255220000000008%2C%22text%22%3A%22XMinD%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%22%7D%2C%7B%22x%22%3A768.3073%2C%22y%22%3A390.28125%2C%22width%22%3A127.26563999999996%2C%22height%22%3A13.197909999999979%2C%22text%22%3A%22MindManager%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%22%7D%2C%7B%22x%22%3A767.36456%2C%22y%22%3A414.79166%2C%22width%22%3A81.07294000000002%2C%22height%22%3A12.255220000000008%2C%22text%22%3A%22FreeMind%E6%96%87%E4%BB%B6%22%7D%2C%7B%22x%22%3A770.1927%2C%22y%22%3A438.35938%2C%22width%22%3A82.95836000000008%2C%22height%22%3A12.255220000000008%2C%22text%22%3A%22Axure%E6%96%87%E4%BB%B6%E7%A4%BA%E4%BE%8B%22%7D%2C%7B%22x%22%3A84.84375%2C%22y%22%3A457.21353%2C%22width%22%3A69.76042000000001%2C%22height%22%3A16.96875%2C%22text%22%3A%22%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%22%7D%2C%7B%22x%22%3A6.5989585%2C%22y%22%3A459.09897%2C%22width%22%3A74.4739555%2C%22height%22%3A15.083309999999983%2C%22text%22%3A%22Numbers%22%7D%2C%7B%22x%22%3A771.13544%2C%22y%22%3A462.86978%2C%22width%22%3A76.35936000000004%2C%22height%22%3A12.255220000000008%2C%22text%22%3A%22Sketch%E8%AE%BE%E8%AE%A1%E7%A8%BF%22%7D%2C%7B%22x%22%3A768.3073%2C%22y%22%3A486.4375%2C%22width%22%3A122.5521%2C%22height%22%3A13.197900000000004%2C%22text%22%3A%22Photoshop%E6%96%87%E4%BB%B6(psd)%22%7D%2C%7B%22x%22%3A769.25%2C%22y%22%3A510.0052%2C%22width%22%3A39.59375%2C%22height%22%3A14.140600000000006%2C%22text%22%3A%22AI%E6%96%87%E4%BB%B6%22%7D%2C%7B%22x%22%3A36.765625%2C%22y%22%3A520.375%2C%22width%22%3A94.270825%2C%22height%22%3A12.255199999999945%2C%22text%22%3A%22demo.numbers%22%7D%2C%7B%22x%22%3A766.4219%2C%22y%22%3A533.57294%2C%22width%22%3A93.32809999999995%2C%22height%22%3A15.083309999999983%2C%22text%22%3A%22EDraw%E7%BB%98%E5%9B%BE%E6%96%87%E4%BB%B6%3A%22%7D%5D%2C%22style%22%3A%22shadow%22%2C%22search%22%3A%22DFWord%2CKeynote%2CX...%20%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%20%E9%80%89%E6%8B%A9%E4%BD%A0%E8%8D%A3%E8%A6%81%E6%8F%92%E5%85%A5%E7%9A%84%E6%96%87%E4%BB%B6%20%E6%98%BE%E7%A4%BA%E6%95%88%E6%9E%9C%E8%B0%83%E6%95%B4%20%E5%85%B6%E4%BB%96%E9%97%AE%E9%A2%98%20%E8%AF%AD%E9%9B%80%20%E4%B8%8A%E4%BC%A0%E5%B5%8C%E5%85%A5%E7%9A%84%E6%96%87%E4%BB%B6%E6%9C%89%E5%A4%A7%E5%B0%8F%E5%90%97%3F%20%E4%B8%80%E4%B8%AA%E6%96%87%E6%A1%A3%E6%80%BB%E6%87%92%E5%85%A5%E5%8D%A1%E7%89%87%E6%9C%89%E9%99%90%E5%88%B6%E5%8F%A3%20%E4%B8%93%E4%B8%9A%E7%9A%84%E4%BA%91%E7%AB%AF%E7%9F%A5%E8%AF%86%E5%BA%93%20%E6%94%AF%E6%8C%81%E9%82%A3%E4%BA%9B%E6%A0%BC%E5%BC%8F%3F%20Keynote%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%20Numbers%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%20OmniGraffle%E6%96%87%E4%BB%B6%20Project.mpp%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%20MindNode%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%20XMinD%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%20MindManager%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%20FreeMind%E6%96%87%E4%BB%B6%20Axure%E6%96%87%E4%BB%B6%E7%A4%BA%E4%BE%8B%20%E6%96%87%E4%BB%B6%E6%95%88%E6%9E%9C%20Numbers%20Sketch%E8%AE%BE%E8%AE%A1%E7%A8%BF%20Photoshop%E6%96%87%E4%BB%B6(psd)%20AI%E6%96%87%E4%BB%B6%20demo.numbers%20EDraw%E7%BB%98%E5%9B%BE%E6%96%87%E4%BB%B6%3A%22%2C%22width%22%3A536%2C%22height%22%3A329%7D"><img class="alignnone size-full wp-image-56" title="card3.gif" src="http://uifig.com/wp-content/uploads/2020/03/1878f1bec51a8e.gif" alt="card3.gif" width="905" height="556" /></span> <h4 id="phukx">语雀支持 Figma 啦???</h4> ???看??? <div id="Z8Nm8" contenteditable="false" data-card-type="block" data-lake-card="thirdparty" data-card-value="data:%7B%22id%22%3A%22Z8Nm8%22%2C%22url%22%3A%22https%3A%2F%2Fwww.figma.com%2Fembed%3Fembed_host%3Dshare%26url%3Dhttps%253A%252F%252Fwww.figma.com%252Ffile%252FjWod1zma3yBCIc4VVoqzo1%252FUntitled%253Fnode-id%253D0%25253A1%22%2C%22src%22%3A%22%3Ciframe%20style%3D%5C%22border%3A%20none%3B%5C%22%20width%3D%5C%22800%5C%22%20height%3D%5C%22450%5C%22%20src%3D%5C%22https%3A%2F%2Fwww.figma.com%2Fembed%3Fembed_host%3Dshare%26url%3Dhttps%253A%252F%252Fwww.figma.com%252Ffile%252FjWod1zma3yBCIc4VVoqzo1%252FUntitled%253Fnode-id%253D0%25253A1%5C%22%20allowfullscreen%3E%3C%2Fiframe%3E%22%2C%22mode%22%3A%22card%22%2C%22height%22%3A457.983%7D" data-card-alias="figma"><a>"><iframe src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FjWod1zma3yBCIc4VVoqzo1%2FUntitled%3Fnode-id%3D0%253A1" width="800" height="450" allowfullscreen="allowfullscreen" data-mce-fragment="1"></iframe></a></div> 嵌入到语雀的 Figma 在线图片可以实现毫秒级内容同步,随改随更新~ <span contenteditable="false" data-card-type="inline" data-lake-card="image" data-card-value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2020%2Fgif%2F215718%2F1584512694802-23d86c81-d313-4cf6-912a-4301ae5a06ec.gif%22%2C%22originWidth%22%3A1572%2C%22originHeight%22%3A833%2C%22name%22%3A%22card1.gif%22%2C%22size%22%3A574731%2C%22display%22%3A%22inline%22%2C%22align%22%3A%22left%22%2C%22linkTarget%22%3A%22_blank%22%2C%22status%22%3A%22done%22%2C%22ocrLocations%22%3A%5B%7B%22x%22%3A114.625%2C%22y%22%3A6.55%2C%22width%22%3A99.88749999999999%2C%22height%22%3A16.375001%2C%22text%22%3A%22Figma%E6%96%87%E6%8C%81!%3F%E8%AF%AD%E7%94%9F%22%7D%2C%7B%22x%22%3A198.1375%2C%22y%22%3A70.4125%2C%22width%22%3A460.1375%2C%22height%22%3A19.650000000000006%2C%22text%22%3A%22%E4%BA%A7%E5%93%81%E8%BF%90%E8%AA%89%E7%99%BD%E5%B0%8F%E5%B7%A5%E7%99%BD%E4%BA%A7%E8%AE%BE%E8%AE%A1%E8%8C%82%E6%BA%AASeirshbox.Daag..%E8%B1%86%22%7D%2C%7B%22x%22%3A3.275%2C%22y%22%3A72.05%2C%22width%22%3A47.487500000000004%2C%22height%22%3A16.375%2C%22text%22%3A%22%E5%BA%94%E7%94%A8%22%7D%2C%7B%22x%22%3A227.6125%2C%22y%22%3A72.05%2C%22width%22%3A32.75%2C%22height%22%3A18.012500000000003%2C%22text%22%3A%22B%22%7D%2C%7B%22x%22%3A1106.95%2C%22y%22%3A72.05%2C%22width%22%3A193.2249999999999%2C%22height%22%3A18.012500000000003%2C%22text%22%3A%22%E6%B5%B7%E8%BF%9C%E7%BD%91%E6%96%B9-%E5%B2%AD%E8%BF%90%E5%85%A8%E7%90%83....%E5%B7%B4%22%7D%2C%7B%22x%22%3A147.375%2C%22y%22%3A73.6875%2C%22width%22%3A68.77501000000001%2C%22height%22%3A18.012505000000004%2C%22text%22%3A%22%E7%99%BD%E4%BA%A7%E5%93%81%E9%85%B1%E8%BF%90%E6%99%AE%22%7D%2C%7B%22x%22%3A253.8125%2C%22y%22%3A73.6875%2C%22width%22%3A34.38749999999999%2C%22height%22%3A16.375%2C%22text%22%3A%22%E5%AD%A6%E4%B9%A0%22%7D%2C%7B%22x%22%3A712.3125%2C%22y%22%3A75.325%2C%22width%22%3A57.3125%2C%22height%22%3A16.375005%2C%22text%22%3A%22Fiue%E7%9A%84%E6%97%A5%E8%AE%B0%22%7D%2C%7B%22x%22%3A1532.7001%2C%22y%22%3A111.35%2C%22width%22%3A39.29989999999998%2C%22height%22%3A21.287499999999994%2C%22text%22%3A%22210x%22%7D%2C%7B%22x%22%3A94.975%2C%22y%22%3A114.625%2C%22width%22%3A21.28750500000001%2C%22height%22%3A16.375%2C%22text%22%3A%22%E4%BA%95%22%7D%2C%7B%22x%22%3A725.41254%2C%22y%22%3A114.625%2C%22width%22%3A49.125%2C%22height%22%3A16.375%2C%22text%22%3A%22Drafts%22%7D%2C%7B%22x%22%3A786%2C%22y%22%3A114.625%2C%22width%22%3A62.225040000000035%2C%22height%22%3A16.375%2C%22text%22%3A%22Untitlad%22%7D%2C%7B%22x%22%3A1367.3125%2C%22y%22%3A309.4875%2C%22width%22%3A27.83750000000009%2C%22height%22%3A18.01249999999999%2C%22text%22%3A%22%22%7D%2C%7B%22x%22%3A14.7375%2C%22y%22%3A442.125%2C%22width%22%3A127.72500000000001%2C%22height%22%3A18.01249999999999%2C%22text%22%3A%22TDeslonedtyTiams%22%7D%2C%7B%22x%22%3A524%2C%22y%22%3A483.0625%2C%22width%22%3A620.6125%2C%22height%22%3A78.60000000000002%2C%22text%22%3A%22DesignedbyFigma%22%7D%5D%2C%22style%22%3A%22shadow%22%2C%22search%22%3A%22Figma%E6%96%87%E6%8C%81!%3F%E8%AF%AD%E7%94%9F%20%E4%BA%A7%E5%93%81%E8%BF%90%E8%AA%89%E7%99%BD%E5%B0%8F%E5%B7%A5%E7%99%BD%E4%BA%A7%E8%AE%BE%E8%AE%A1%E8%8C%82%E6%BA%AASeirshbox.Daag..%E8%B1%86%20%E5%BA%94%E7%94%A8%20B%20%E6%B5%B7%E8%BF%9C%E7%BD%91%E6%96%B9-%E5%B2%AD%E8%BF%90%E5%85%A8%E7%90%83....%E5%B7%B4%20%E7%99%BD%E4%BA%A7%E5%93%81%E9%85%B1%E8%BF%90%E6%99%AE%20%E5%AD%A6%E4%B9%A0%20Fiue%E7%9A%84%E6%97%A5%E8%AE%B0%20210x%20%E4%BA%95%20Drafts%20Untitlad%20%20TDeslonedtyTiams%20DesignedbyFigma%22%2C%22width%22%3A746%2C%22height%22%3A395%7D"><img class="alignnone size-full wp-image-57" title="card1.gif" src="http://uifig.com/wp-content/uploads/2020/03/1d7101788e5820.gif" alt="card1.gif" width="1280" height="678" /></span> 和其他文件一样,Figma 文件嵌进来也支持调整视窗大小,图片放大缩小等功能~ <span contenteditable="false" data-card-type="inline" data-lake-card="image" data-card-value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2020%2Fgif%2F215718%2F1584514039143-b2772c74-e9ab-4c99-a631-a1a859db1e13.gif%22%2C%22originWidth%22%3A790%2C%22originHeight%22%3A544%2C%22name%22%3A%22card2.gif%22%2C%22size%22%3A371738%2C%22display%22%3A%22inline%22%2C%22align%22%3A%22left%22%2C%22linkTarget%22%3A%22_blank%22%2C%22status%22%3A%22done%22%2C%22ocrLocations%22%3A%5B%7B%22x%22%3A27.979168%2C%22y%22%3A23.041668%2C%22width%22%3A55.135418%2C%22height%22%3A18.927085999999996%2C%22text%22%3A%22Figma%22%7D%2C%7B%22x%22%3A215.60417%2C%22y%22%3A228.77084%2C%22width%22%3A352.20833%2C%22height%22%3A55.13541000000001%2C%22text%22%3A%22DesignedbyFigma%22%7D%2C%7B%22x%22%3A32.09375%2C%22y%22%3A501.15628%2C%22width%22%3A209.02085%2C%22height%22%3A16.458320000000015%2C%22text%22%3A%22Untitled%2Cedited32minutesago%22%7D%5D%2C%22style%22%3A%22none%22%2C%22search%22%3A%22Figma%20DesignedbyFigma%20Untitled%2Cedited32minutesago%22%2C%22width%22%3A790%2C%22height%22%3A544%7D"><img class="alignnone size-full wp-image-58" title="card2.gif" src="http://uifig.com/wp-content/uploads/2020/03/1708d35e18c604.gif" alt="card2.gif" width="790" height="544" /></span> 对于有多个页面的原型文件,整个文件的嵌入或单个页面的嵌入都支持。 ???全文件嵌入??? <span contenteditable="false" data-card-type="inline" data-lake-card="image" data-card-value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2020%2Fgif%2F215718%2F1584677517356-8f5caaa2-6463-4fbe-afc0-8345b62c843b.gif%22%2C%22originWidth%22%3A837%2C%22originHeight%22%3A272%2C%22name%22%3A%22card4.gif%22%2C%22size%22%3A450022%2C%22display%22%3A%22inline%22%2C%22align%22%3A%22left%22%2C%22linkTarget%22%3A%22_blank%22%2C%22status%22%3A%22done%22%2C%22ocrLocations%22%3A%5B%7B%22x%22%3A20.053123%2C%22y%22%3A17.4375%2C%22width%22%3A54.056252%2C%22height%22%3A18.309372000000003%2C%22text%22%3A%22Figma%22%7D%2C%7B%22x%22%3A19.18125%2C%22y%22%3A240.63748%2C%22width%22%3A225.81561%2C%22height%22%3A15.693759999999969%2C%22text%22%3A%22SampleFile%2Cedited2daysago%22%7D%5D%2C%22style%22%3A%22none%22%2C%22search%22%3A%22Figma%20SampleFile%2Cedited2daysago%22%2C%22width%22%3A837%2C%22height%22%3A272%7D"><img class="alignnone size-full wp-image-59" title="card4.gif" src="http://uifig.com/wp-content/uploads/2020/03/1a210539780ed8.gif" alt="card4.gif" width="837" height="272" /></span> ???单页面嵌入??? <span contenteditable="false" data-card-type="inline" data-lake-card="image" data-card-value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2020%2Fgif%2F215718%2F1584677507156-041c7922-609a-40f7-a059-4fffd9ba3036.gif%22%2C%22originWidth%22%3A839%2C%22originHeight%22%3A562%2C%22name%22%3A%22card5.gif%22%2C%22size%22%3A1702101%2C%22display%22%3A%22inline%22%2C%22align%22%3A%22left%22%2C%22linkTarget%22%3A%22_blank%22%2C%22status%22%3A%22done%22%2C%22ocrLocations%22%3A%5B%7B%22x%22%3A19.227083%2C%22y%22%3A34.958336%2C%22width%22%3A59.429167%2C%22height%22%3A20.101039999999998%2C%22text%22%3A%22Figma%22%7D%2C%7B%22x%22%3A301.51562%2C%22y%22%3A78.65625%2C%22width%22%3A47.19376%2C%22height%22%3A10.487499999999997%2C%22text%22%3A%22CEE3Foma%22%7D%2C%7B%22x%22%3A401.14688%2C%22y%22%3A79.53021%2C%22width%22%3A33.21042%2C%22height%22%3A9.61354%2C%22text%22%3A%229%3A42AM%22%7D%2C%7B%22x%22%3A338.2219%2C%22y%22%3A214.99376%2C%22width%22%3A72.53854000000001%2C%22height%22%3A20.97498999999999%2C%22text%22%3A%22YOUR%22%7D%2C%7B%22x%22%3A339.9698%2C%22y%22%3A242.96042%2C%22width%22%3A51.563559999999995%2C%22height%22%3A20.101040000000012%2C%22text%22%3A%22ART%22%7D%2C%7B%22x%22%3A337.34793%2C%22y%22%3A270.05313%2C%22width%22%3A114.48852999999997%2C%22height%22%3A21.84897000000001%2C%22text%22%3A%22MUSEUM%22%7D%2C%7B%22x%22%3A339.09586%2C%22y%22%3A309.38126%2C%22width%22%3A54.185389999999984%2C%22height%22%3A9.61354%2C%22text%22%3A%221513rdStn%22%7D%2C%7B%22x%22%3A334.72604%2C%22y%22%3A318.12085%2C%22width%22%3A103.12711000000002%2C%22height%22%3A10.48748999999998%2C%22text%22%3A%22SanFranclscocA94103%22%7D%2C%7B%22x%22%3A346.0875%2C%22y%22%3A354.8271%2C%22width%22%3A58.555229999999995%2C%22height%22%3A8.739580000000046%2C%22text%22%3A%22Emsiladdress%22%7D%2C%7B%22x%22%3A345.21356%2C%22y%22%3A381.04584%2C%22width%22%3A41.94998000000004%2C%22height%22%3A8.739590000000021%2C%22text%22%3A%22Password%22%7D%2C%7B%22x%22%3A407.2646%2C%22y%22%3A443.0969%2C%22width%22%3A27.966660000000047%2C%22height%22%3A9.613519999999994%2C%22text%22%3A%22LOgIn%22%7D%2C%7B%22x%22%3A343.46564%2C%22y%22%3A469.31564%2C%22width%22%3A71.66458%2C%22height%22%3A9.613530000000026%2C%22text%22%3A%22DOnthwaNNccount%22%7D%2C%7B%22x%22%3A20.975%2C%22y%22%3A542.72815%2C%22width%22%3A226.35522%2C%22height%22%3A14.85730000000001%2C%22text%22%3A%22SampleFile%2Cedited2daysago%22%7D%5D%2C%22style%22%3A%22none%22%2C%22search%22%3A%22Figma%20CEE3Foma%209%3A42AM%20YOUR%20ART%20MUSEUM%201513rdStn%20SanFranclscocA94103%20Emsiladdress%20Password%20LOgIn%20DOnthwaNNccount%20SampleFile%2Cedited2daysago%22%2C%22width%22%3A839%2C%22height%22%3A562%7D"><img class="alignnone size-full wp-image-60" title="card5.gif" src="http://uifig.com/wp-content/uploads/2020/03/178b1ee1d151d8.gif" alt="card5.gif" width="839" height="562" /></span> <h4 id="5nTu2">/操作步骤/</h4> <strong>Step1 </strong>打开一个语雀文档,点击<span contenteditable="false" data-card-type="inline" data-lake-card="image" data-card-value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2020%2Fpng%2F215718%2F1584675909753-72e148b2-a96f-4eec-802c-75f7f1123e12.png%22%2C%22originWidth%22%3A26%2C%22originHeight%22%3A23%2C%22name%22%3A%22image.png%22%2C%22size%22%3A1681%2C%22display%22%3A%22inline%22%2C%22align%22%3A%22left%22%2C%22linkTarget%22%3A%22_blank%22%2C%22status%22%3A%22done%22%2C%22ocrLocations%22%3A%5B%5D%2C%22style%22%3A%22none%22%2C%22search%22%3A%22%22%2C%22width%22%3A26%2C%22height%22%3A23%7D"><img class="image lake-drag-image" title="image.png" src="https://cdn.nlark.com/yuque/0/2020/png/215718/1584675909753-72e148b2-a96f-4eec-802c-75f7f1123e12.png" alt="image.png" data-role="image" data-raw-src="https://cdn.nlark.com/yuque/0/2020/png/215718/1584675909753-72e148b2-a96f-4eec-802c-75f7f1123e12.png" /></span>或快捷键<code>Cmd(Ctrl)/figma</code>插入第三方服务卡片 <span contenteditable="false" data-card-type="inline" data-lake-card="image" data-card-value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2020%2Fgif%2F215718%2F1584676059218-5032b2a5-68f9-4f82-bff7-31555f95ee2f.gif%22%2C%22originWidth%22%3A846%2C%22originHeight%22%3A317%2C%22name%22%3A%22card1.gif%22%2C%22size%22%3A41249%2C%22display%22%3A%22inline%22%2C%22align%22%3A%22left%22%2C%22linkTarget%22%3A%22_blank%22%2C%22status%22%3A%22done%22%2C%22ocrLocations%22%3A%5B%7B%22x%22%3A160.3875%2C%22y%22%3A9.693749%2C%22width%22%3A27.318750000000023%2C%22height%22%3A12.337501%2C%22text%22%3A%2214px%22%7D%2C%7B%22x%22%3A59.925%2C%22y%22%3A75.7875%2C%22width%22%3A42.3%2C%22height%22%3A14.100000000000009%2C%22text%22%3A%22%E5%8D%A1%E7%89%87%E5%A4%9A%22%7D%2C%7B%22x%22%3A109.275%2C%22y%22%3A110.15625%2C%22width%22%3A28.199989999999985%2C%22height%22%3A14.099999999999994%2C%22text%22%3A%22%E5%9B%BE%E7%89%87%22%7D%2C%7B%22x%22%3A107.5125%2C%22y%22%3A146.28749%2C%22width%22%3A29.081249999999997%2C%22height%22%3A14.98126000000002%2C%22text%22%3A%22%E8%A1%A8%E6%A0%BC%22%7D%2C%7B%22x%22%3A106.63125%2C%22y%22%3A181.53749%2C%22width%22%3A32.60625000000002%2C%22height%22%3A15.862510000000015%2C%22text%22%3A%22%E9%99%84%E4%BB%B6%22%7D%2C%7B%22x%22%3A109.275%2C%22y%22%3A218.55%2C%22width%22%3A29.081249999999983%2C%22height%22%3A14.099999999999994%2C%22text%22%3A%22%E5%85%AC%E5%BC%8F%22%7D%2C%7B%22x%22%3A110.15625%2C%22y%22%3A253.79999%2C%22width%22%3A27.31873999999999%2C%22height%22%3A14.981259999999992%2C%22text%22%3A%22%E6%97%A5%E5%8E%86%22%7D%2C%7B%22x%22%3A106.63125%2C%22y%22%3A289.93124%2C%22width%22%3A45.82500000000002%2C%22height%22%3A14.100009999999997%2C%22text%22%3A%22%E4%BB%A3%E7%A0%81%E5%9D%97%22%7D%5D%2C%22style%22%3A%22shadow%22%2C%22search%22%3A%2214px%20%E5%8D%A1%E7%89%87%E5%A4%9A%20%E5%9B%BE%E7%89%87%20%E8%A1%A8%E6%A0%BC%20%E9%99%84%E4%BB%B6%20%E5%85%AC%E5%BC%8F%20%E6%97%A5%E5%8E%86%20%E4%BB%A3%E7%A0%81%E5%9D%97%22%2C%22width%22%3A555%2C%22height%22%3A208%7D"><img class="alignnone size-full wp-image-61" title="card1.gif" src="http://uifig.com/wp-content/uploads/2020/03/18d1cce1578579.gif" alt="card1.gif" width="846" height="317" /></span> <strong>Step2</strong> 打开你需要嵌入的 Figma 文件 → 右上角 Share → Get embed code → Copy <span contenteditable="false" data-card-type="inline" data-lake-card="image" data-card-value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2020%2Fgif%2F215718%2F1584676147115-a459bd88-95ae-4f38-96ef-00e1ebca8599.gif%22%2C%22originWidth%22%3A863%2C%22originHeight%22%3A446%2C%22name%22%3A%22card2.gif%22%2C%22size%22%3A53546%2C%22display%22%3A%22inline%22%2C%22align%22%3A%22left%22%2C%22linkTarget%22%3A%22_blank%22%2C%22status%22%3A%22done%22%2C%22ocrLocations%22%3A%5B%7B%22x%22%3A227.43646%2C%22y%22%3A99.78437%2C%22width%22%3A84.50207999999998%2C%22height%22%3A12.58542%2C%22text%22%3A%22ShareUntitled%22%7D%2C%7B%22x%22%3A473.75104%2C%22y%22%3A154.62083%2C%22width%22%3A53.038509999999974%2C%22height%22%3A12.58542%2C%22text%22%3A%22canview%22%7D%2C%7B%22x%22%3A575.3333%2C%22y%22%3A155.51979%2C%22width%22%3A64.72505000000001%2C%22height%22%3A11.686460000000011%2C%22text%22%3A%22Sendlnvi...%22%7D%2C%7B%22x%22%3A240.92084%2C%22y%22%3A156.41875%2C%22width%22%3A95.28958%2C%22height%22%3A11.686460000000011%2C%22text%22%3A%22lnvitesomeone...%22%7D%2C%7B%22x%22%3A258.00104%2C%22y%22%3A200.46771%2C%22width%22%3A262.49586%2C%22height%22%3A13.484379999999987%2C%22text%22%3A%22Membersofthisprojectcanaccessthisfie%22%7D%2C%7B%22x%22%3A258.9%2C%22y%22%3A240.02187%2C%22width%22%3A125.85415%2C%22height%22%3A13.484369999999984%2C%22text%22%3A%22Anyonewiththelink%22%7D%2C%7B%22x%22%3A588.8177%2C%22y%22%3A241.8198%2C%22width%22%3A53.038560000000075%2C%22height%22%3A11.686440000000005%2C%22text%22%3A%22canview%3F%22%7D%2C%7B%22x%22%3A262.49582%2C%22y%22%3A281.37396%2C%22width%22%3A78.20938000000001%2C%22height%22%3A12.58542%2C%22text%22%3A%22guoguo(You)%22%7D%2C%7B%22x%22%3A619.38226%2C%22y%22%3A282.27292%2C%22width%22%3A36.85730000000001%2C%22height%22%3A9.88855000000001%2C%22text%22%3A%22owner%22%7D%2C%7B%22x%22%3A251.70833%2C%22y%22%3A341.60416%2C%22width%22%3A178.89271000000002%2C%22height%22%3A14.383340000000032%2C%22text%22%3A%22%3FCopylink%3C%3EGetembedcode%22%7D%2C%7B%22x%22%3A524.0927%2C%22y%22%3A341.60416%2C%22width%22%3A128.55103999999994%2C%22height%22%3A11.686460000000011%2C%22text%22%3A%22jLinktoselectedframe%22%7D%5D%2C%22style%22%3A%22shadow%22%2C%22search%22%3A%22ShareUntitled%20canview%20Sendlnvi...%20lnvitesomeone...%20Membersofthisprojectcanaccessthisfie%20Anyonewiththelink%20canview%3F%20guoguo(You)%20owner%20%3FCopylink%3C%3EGetembedcode%20jLinktoselectedframe%22%2C%22width%22%3A567%2C%22height%22%3A293%7D"><img class="alignnone size-full wp-image-62" title="card2.gif" src="http://uifig.com/wp-content/uploads/2020/03/1df84815ee17a8.gif" alt="card2.gif" width="863" height="446" /></span> <strong>Step3</strong> 粘贴到语雀第三方服务卡片 → 确定 <span contenteditable="false" data-card-type="inline" data-lake-card="image" data-card-value="data:%7B%22src%22%3A%22https%3A%2F%2Fcdn.nlark.com%2Fyuque%2F0%2F2020%2Fgif%2F215718%2F1584676222694-6f126201-4da7-4363-be9d-aa7efa517c6f.gif%22%2C%22originWidth%22%3A863%2C%22originHeight%22%3A446%2C%22name%22%3A%22card3.gif%22%2C%22size%22%3A52656%2C%22display%22%3A%22inline%22%2C%22align%22%3A%22left%22%2C%22linkTarget%22%3A%22_blank%22%2C%22status%22%3A%22done%22%2C%22ocrLocations%22%3A%5B%7B%22x%22%3A87.19896%2C%22y%22%3A8.989583%2C%22width%22%3A26.069784999999996%2C%22height%22%3A12.585415999999999%2C%22text%22%3A%22%E6%AD%A3%E6%96%87%22%7D%2C%7B%22x%22%3A156.41875%2C%22y%22%3A9.888541%2C%22width%22%3A31.463549999999998%2C%22height%22%3A12.585418%2C%22text%22%3A%2214px%22%7D%2C%7B%22x%22%3A116.86458%2C%22y%22%3A62.028126%2C%22width%22%3A419.81352%2C%22height%22%3A15.282293999999993%2C%22text%22%3A%22mestyle-%5C%22border%3Anone%3Awidth-%5C%22800%5C%22hlgt%5C%22450%5C%22%5C%22%3A%2F%22%7D%2C%7B%22x%22%3A659.8354%2C%22y%22%3A62.028126%2C%22width%22%3A55.73539999999991%2C%22height%22%3A14.383334000000005%2C%22text%22%3A%22%E6%9F%A5%E7%9C%8B%E7%A4%BA%E4%BE%8B%22%7D%2C%7B%22x%22%3A751.5292%2C%22y%22%3A62.028126%2C%22width%22%3A29.665560000000028%2C%22height%22%3A15.282293999999993%2C%22text%22%3A%22%E7%A1%AE%E5%AE%9A%22%7D%5D%2C%22style%22%3A%22shadow%22%2C%22search%22%3A%22%E6%AD%A3%E6%96%87%2014px%20mestyle-%5C%22border%3Anone%3Awidth-%5C%22800%5C%22hlgt%5C%22450%5C%22%5C%22%3A%2F%20%E6%9F%A5%E7%9C%8B%E7%A4%BA%E4%BE%8B%20%E7%A1%AE%E5%AE%9A%22%2C%22width%22%3A577%2C%22height%22%3A298%7D"><img class="alignnone size-full wp-image-63" title="card3.gif" src="http://uifig.com/wp-content/uploads/2020/03/1e5d8b17f7b8f1.gif" alt="card3.gif" width="863" height="446" /></span> <strong>小Tip:如果要嵌入 Figma 文件中的单个画板,可以先点击选中画板,再按上方步骤进行嵌入~</strong>原文连接

    喜欢{{list !== '' ? list['11']['0']['vote']['up'] : '1'}}

    讨厌{{list !== '' ? list['11']['0']['vote']['down'] : '0'}}

    分享到微博微信QQ好友
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索