Figma實作(15) - 程式碼導出 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2024 iThome 鐵人賽

DAY 3

0

自我挑戰組

UI/UX 新手30天的自學實錄系列第 21 篇

Figma實作(15) - 程式碼導出

16th鐵人賽

2024-10-14 10:46:19

120 瀏覽

分享至

經由多次嘗試，找到一個能夠相對完整轉換程式碼的外掛，操作如下:

1.首先在Figma下載外掛程式 - DhiWise
2.註冊登入後畫面如下

3.將所有元素整合成一個群組
4.開始轉換

5.轉換成功!

Figma實作(14) - 程式碼導出

Figma實作(16) - html解析首頁

系列文

UI/UX 新手30天的自學實錄共 30 篇

目錄

RSS系列文訂閱系列文

0 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22202 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙