SketchのデータをReact Nativeに変換するツールが登場?!

更新日:2017年10月17日

AirbnbのReact Sketch.appじゃないですよ?

なんとSketchのデータをまるまるReact Nativeに使えるように変換してしまうツールが開発されているようです。

Convert Sketch files to React Native components

公開されたのはこちらのGitHubリポジトリ

Sketchファイルをネイティブのコンポーネントに変換してくれるツールのようです。利用するにはPythonとTensorFlowが必要…ということでちょっとビビってまだ試せていません笑

SketchのデータをSVG形式で出力して、convert.jsを使って変換作業をする…という流れみたいです。

今後はWebにも対応?Sketchプラグインも

今はコマンドラインでしか使えないようなので、ちょっと難しそうに感じますが、どうやらプラグイン化する計画もあるとか。

あとはモバイルアプリ向けだけではなく、Webサイトへのコード変換も検討中みたい。

筆者もReact Nativeは開発したことないのであまりよくわからないんですよね。教えて、エロい人ーー!!!

書き手:小島 芳樹
Webやスマートフォンアプリによるサービスを開発・提供する会社で働いています。
Twitter: @yoshikikoji

この記事が気に入ったらいいね・フォローお願いします!

『デザインツール』の記事