サイトアイコン TECHNICAL CREATOR

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

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

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

Convert Sketch files to React Native components

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

sketch-to-react-native - Convert Sketch files into React Native components
nanohop/sketch-to-react-native - GitHub

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

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

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

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

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

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

モバイルバージョンを終了