xd2svg v2.0.1

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

1. 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