Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

adobe xd to html and css

1.
In Adobe XD, open the design you created using Anima (Don’t have one? Here’s a Sample File).

2.
Open the Anima plugin.

3.
Select the artboard you want to translate to HTML.

4.
Click “Preview in Browser” at the bottom of the plugin panel, which will direct you to the Anima web app. (If you haven’t synced your design to an Anima workspace and project, you’ll be prompted to do so here. When done, click “Preview in Browser” again)

5.
In the Anima web app, click “Sync to Project” in the top right corner of the screen.

6.
Confirm that your browser preview matches your Adobe XD design, then click “Export Code.”  

7.
In the Export Options window that appears, select the “Zip File” option at the top (make sure you also select “Pure HTML” under ‘Code Framework’ and “Auto Flex” under ‘Layout’), then click the “Export” button at the bottom.

8.
When your download is complete, unzip the file from your browser’s download bar to view the contents.
 
PREVIOUS NEXT
Tagged: #adobe #xd #html #css
ADD COMMENT
Topic
Name
2+5 =