https://github.com/umar-ahmed/adobe-xd-svg-import
A Python 3 script I wrote to insert SVG icons into Adobe XD Project Files
https://github.com/umar-ahmed/adobe-xd-svg-import
adobe-xd svg
Last synced: 7 months ago
JSON representation
A Python 3 script I wrote to insert SVG icons into Adobe XD Project Files
- Host: GitHub
- URL: https://github.com/umar-ahmed/adobe-xd-svg-import
- Owner: umar-ahmed
- License: apache-2.0
- Created: 2016-12-24T05:47:54.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-01-21T17:45:55.000Z (over 8 years ago)
- Last Synced: 2025-03-09T19:38:08.858Z (7 months ago)
- Topics: adobe-xd, svg
- Language: Python
- Homepage:
- Size: 7.81 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# SVG Import for Adobe XD
A Python 3 script to insert SVG files into Adobe XD Project Files.# Motivation
The XD team at Adobe have done a fantastic job developing Adobe Experience Design for MacOS and now for Windows. However, there are some features that are missing from the Windows version of the application have been in the Mac version for quite some time. One of the biggest features missing is the ability to insert SVG images into Adobe XD Projects. This script seeks to fill in that gap by utilizing the file structure of .xd files to insert SVGs.# Dependencies
This script requires [xmltodict](https://github.com/martinblech/xmltodict) to be installed on Python 3.~~**NOTE: SVG must be optimized so that they contain only `` as the root element followed by any `` elements that are part of the image. This can be done manually or using a tool such as [svgo](https://github.com/svg/svgo).**~~
> **Thanks to some help from [szh123](https://github.com/szh123), we no longer have to optimize the SVG before using it in the tool!**
# How To Use
1. Create a new XD file and place a shape (such as ellipse, rectangle, Pen tool) NOT ON AN ARTBOARD
2. Then open up a command-line in the place where the XD file and SVG are located
3. Run `python insertsvg.py path_to_svg path_to_xd` replacing `path_to_svg` with the relative path to the SVG file and `path_to_xd` to the relative path to the XD file.
4. If successful, it should print out `SVG Added` and `Temporary Files Deleted`# Known Limitations
* Doesn't work when there is an artboard in the file
* No fills, effects, outline colorsPlease create Issues if you find any other bugs.