Fireblade

插件名稱為 Fireblade，插件管理器中可以直接下載安裝或直接雙擊.xdx格式插件安裝包自動安裝，文末可獲取插件安裝包。

關(guān)于Fireblade

Fireblade是一款 Adobe XD 插件，用于將 Adobe XD 設(shè)計文件導(dǎo)出為網(wǎng)頁代碼，導(dǎo)出后可直接使用瀏覽器查看，可支持響應(yīng)式和預(yù)覽，允許嵌入字體，支持導(dǎo)出的格式有HTML、CSS、REACT、LIT-ELEMENT 和 REACT-NATIVE，主要有以下特點：

允許自定義響應(yīng)式對齊方法；

置入的圖片會以PNG格式導(dǎo)出；

矢量元素（多邊形、布爾運算組、橢圓、路徑、線）以svg格式導(dǎo)出；

支持 REACT，導(dǎo)出為REACT、LIT-ELEMENT 和 REACT-NATIVE時還支持文本和樣式元素綁定；

支持導(dǎo)出為表單元素按鈕、復(fù)選框、單選按鈕、單選按鈕組、文本框等；

允許嵌入字體。

注冊和登陸

沒有 Fireblade 賬號也可以使用該插件，需要使用高級功能需要注冊和登陸。在插件面板中點擊“Sign in”登錄按鈕輸入 Fireblade 賬號密碼即可登錄，如果沒有 Fireblade 賬號密碼，點擊“Create Account”創(chuàng)建賬號按鈕可以注冊一個賬號，如果有賬號忘記密碼可以點擊“Reset password”重置密碼按鈕

點擊“Create Account”創(chuàng)建賬號按鈕會跳轉(zhuǎn)到注冊賬號頁面，輸入名“First Name”、姓“Last Name”、郵箱“Email”和密碼“Password”后點擊“Sign UP”注冊按鈕注冊。

使用前設(shè)置

使用 Fireblade 前需要進(jìn)行簡單的設(shè)置，單擊 Fireblade 插件面板上方的“Setup”設(shè)置按鈕，打開設(shè)置界面。

在設(shè)置界面中，首先需要單擊“Select”選擇按鈕選擇一個存儲位置用來保存你導(dǎo)出后的代碼保存位置，然后根據(jù)需要選擇想導(dǎo)出的代碼格式，需要注意的是默認(rèn)勾選導(dǎo)出HTML和CSS，如果需要導(dǎo)出REACT、LIT-ELEMENT 和 REACT-NATIVE，那么你需要注冊一個 Fireblade 的賬號并登錄，不登錄也可以使用導(dǎo)出 HTML 和 CSS。