Skip to content
This repository has been archived by the owner on Oct 2, 2020. It is now read-only.
/ xd2svg Public archive

Utility for converting Adobe eXperience Design files into SVG

License

Notifications You must be signed in to change notification settings

L2jLiga/xd2svg

Repository files navigation

xd2svg

npm version npm node Dependency Status License: MIT Build Status codecov

Utility for converting Adobe eXperience Design files into SVG.

Table of Contents

Getting started

Prerequisites

  1. Node.js 8.6.0 or higher
  2. Package manager: npm, yarn or what you prefer

Installation

Two ways to install utility:

  1. via npm

     npm install xd2svg -g
    
  2. via yarn

     yarn global add xd2svg
    

Using

You can use utility from CLI

xd2svg InputFile.xd [options]

  options:
    -o, --output       - specify output path (default FileName directory or FileName.svg)
    -s, --single       - specify does output should be single file with all artboards or directory with separated each other (default: false)
    -p, --pretty-print - specify does output should be pretty printed (default: false)

Or import package into your project

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

TL;DR

  • Don't duplicate issues
  • PR's are welcome!

Versioning

We use SemVer for versioning. For the versions available, see the releases and tags on this repository.

Changelog

The format is based on Keep a Changelog. For the versions changelog, see the CHANGELOG.md

Known issues

Blur filters work incorrectly for some cases

Authors

See also the list of contributors who participated in this project.

License

This project is licensed under the MIT License - see the LICENSE file for details

Defenition list

  • What is Adobe XD?

    It's software from Adobe Creative Cloud which used by designers for creating prototypes.

  • Can I know more about Adobe XD?

    Yes, you can know more on official website.

  • What is present *.xd files?

    It's simple archives with meta-data and JSON.

Structure of XD files

Zip data (MIME type "application/vnd.adobe.sparkler.project+dcxucf")

  • [DIR] artwork
    • [DIR] artboard-{uuid}
      • [DIR] graphics
        • [JSON] graphicsContent.ags
    • [DIR] pasteboard
      • [DIR] graphics
        • [JSON] graphicsContent.ags
  • [DIR] interactions
    • [JSON] interactions.json
  • [DIR] META-INF
    • [XML] metadata.xml
  • [DIR] resources
    • [DIR] graphics
      • [JSON] graphicsContent.ags
  • [JSON] manifest
  • [TEXT] mimetype
  • [IMAGE] preview.png
  • [IMAGE] thumbnail.png