Illustratorで作成したデータを他の人と共有したり、再利用する場合には画像やSVGで出力するのが一般的です。多くの場合、さらに加工すると言うことはなく、閲覧したりコンテンツとして埋め込むことでしょう。 今回紹介するai2htmlはIllustratorのファイルをHTML化するソフトウェアです。

ai2htmlの使い方

例えばこんなデータを用意します。

Illustratorのファイルを開いてスクリプトを実行します。

それがHTMLになるとこんな感じに。

さらにこんな複雑なデータも。

変換結果です。

ai2htmlは専用の記法に沿って記述することで再現度の高いHTMLファイルを出力します。その記法を覚える手間があるものの、一旦覚えてしまえばIllustratorの作品をオンラインで共有したり、HTMLのモックアップを作ったりする手間が省けるかもしれません。

ai2htmlはJavaScript製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。

ai2html newsdev/ai2html: A script for Adobe Illustrator that converts your Illustrator artwork into an html page.