はじめに

最近ちょくちょく耳にするようになったcollaborative interface design toolのFigmaがOpen JSON Format形式のWeb APIが用意されているので、それを触ってどんなことができそうか調べたメモです。

なぜやってみようと思ったか

今までデザインツールのpluginを書く場合は、そのツール独自の言語だったり、特定言語だったりと、そのツールに依存していました。(SketchであればCocoaScript)
今回気になった理由の一つとしてWeb APIでありかつOpen JSON Formatだということでした。
WebAPIでJSONなら言語とかをそこまで気にしなくてもよいじゃないですか！

エコシステムを育てようとしている感じあり、今後どんどん広まっていきそうな気がしています。
そして 単純に共同作業が可能なデザインツールっていうだけじゃなく、デザインを実際に実装する部分までのフロー も変わっていくのではないかと思ったりしてます。

どんなことができそうか？

• html/css/ios/android などのlayoutのExporter
• ガイドラインページを自動更新
• デザインLint(ガイドラインと異なる色を使用してたりしたらエラーだすとか？)

などなど他にもいろいろできそうだし、そしてもうすでに作って公開している人たちもちらほらいました。
https://spectrum.chat/figma/show-and-tell

Figma Web API

https://www.figma.com/developers
docs: https://www.figma.com/developers/docs

The Figma Platform enables apps, websites and internal tools to integrate directly with the realtime state of design in Figma from a robust Web API and open JSON format.

Sample

Figma　APIを使用した公式サンプルがあったので参考までに
https://github.com/figma/figma-api-demo

まとめ

いろいろできそうなので次はなにか作ってそれを記事にする