Export to Hype (Adobe Illustrator Edition)


Technically, this testimonial was for the Photoshop version, But I feel at liberty to add it here as well :wink:.

This tool is now open source:

DPA Infocom (Deutsche Presse Agentur, German Press Agency) supported my work and financed the development of this project. They utilize it for creating interactive infographics that reduce layout time, primarily by utilizing .AI or .EPS files from printed materials.

Brought to you with the help of @ktewes and CleanShot 2023-02-24 at 17.57.09@2x

Donations and sponsorship are welcome


Tested and developed for Adobe Illustrator Creative Cloud 2022 (and beyond). Please try out older setups and create an issue if it doesn't work. If it can be made compatible easily (I only have the latest versions), I will try to accommodate older Illustrator-Versions.


Feedback on the new versions is welcome! Send me a DM with any findings, or even better, leave an issue on GitHub. Please send me your Illustrator file that fails as well...


Installation

Usage

Advanced

Introduction by @Daniel

7 Likes

I've been following the hype community for a few years and I love this software, I've also seen so many developers doing amazing things with it.

@everyone
Export to Hype (Adobe Illustrator Edition) is simply a mainstay for the work of the professionals, an investment to be made immediately after trying hype 4..

@MaxZieb Bravo!

4 Likes

Michel, Love your work. I'm not sure if this is where I can ask a quick question. I downloaded your Illustrator Export to Hype from Gethub. I fallowed the instructions. I didn't where I can export from Illustrator. Do I need to do anything with the .json & .jsx files? Sorry to ask, would love to use your script. Thanks in advance. :slight_smile:

@michelangelo Thank you for the kind word, but the plugin is now free to use and open source. There is no need to buy it… I am grateful for sponsors or people buying me a coffee.

Thanks to all my current supporters and past supporters over at GitHub Sponsors.
Big shout out to @theron_hp at this point, you rock my friend! :metal: :rocket:!

@ivdesigns since you posted here the readme over on GitHub has been significantly improved, and I think most questions should be answered now (version 1.2.0) is also pretty stable. Hope that help! Welcome back to the forum BTW (5 years absences).

5 Likes

↑ look at project
I added some video tutorials… hope they help! Enjoy.

6 Likes

↑ look at project
v1.2.4

  • Removed enable-background attribute from SVGs
  • Removed xmlns in inline SVGs
  • Added style attribute with position to inline SVGs
4 Likes

2 posts were split to a new topic: Export To Hype Illustrator trouble shooting v1.2.4

Ok it seems like a good start to be able to get more out of my HYPE 4 since it's something I've been waiting for since 2013, but what about those of us who refuse to use Adobe products? I use the Affinity 2 Suite to do my vector work and I'm still dreaming of being able to export to HYPE 4 or at least being able to import the SVGs that I can export with my design programs such as Affinity Design, Corel Draw or Inkscape.

Will our dream come true?

Best Regards

3 Likes

At this time Affinity Designer does not support plugins, but you should throw in your vote on this thread on the Affinity forums: Plugins for DESIGNER & PHOTO! - Feedback for Affinity Designer V1 on Desktop - Affinity | Forum

2 Likes

I really useful tool!
Can't make it work with latest version of Illustrator, takes very long time, then an error message comes, Illustrator needs to be forced to quit. See error message and the ai-file i tried with:

trouble.zip (321.4 KB)

Adobe Illustrator 28.3.0., macOS 14.4 (23E214)
What can I have made wrong?

I don't have the time to debug this currently. So, I'd advise you to just use an older version of Illustrator for the time being (downloadable from Creative Cloud).

1 Like

Will try that.

It works for me on my Dutch language Illustrator 28.4.1 / macOS 11.7.10. Tried it with your puzzle file. Released all puzzle piece to separate layers first. But it also works with the group.
json and jsx files are in the scripts folder (Adobe Illustrator 2024/Presets/nl_NL/Scripts). The only slight trouble I had was with the Export To Hype Helper.app. I couldn’t get it to work initially. It needs to be in the top level of your Mac Apps folder. When you launch it for the first time don’t use the alt key, just right-click and select open.