xd2svg

Utility for converting Adobe eXperience Design files into SVG.

Table of Contents

• xd2svg
  • Table of Contents
  • Getting started
    • Prerequisites
    • Installation
    • Using
  • Contributing
  • Versioning
  • Changelog
  • Authors
  • License
  • Defenition list
  • Structure of XD files

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

• Andrey Chalkin - Initial work - L2jLiga

• Yang Sibai - Testing - yangsibai

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