inVisionのDSMのワークフローについて、もう少し詳しく教えてください

[takogawa815]

デザインとエンジニアリングのワークフローについて語りましょう

高度なプロトタイピングツール、デザインシステムといった、様々な手法が台頭している現在、そのあり方は再び変わりつつあります。 協業する上での悩み、ノウハウ、Yahoo/GYAO/リッチラボで実践されているワークフローについて、なんでもお答えします。

• @narirou（Yahoo! JAPAN）
• @oodemi（Yahoo! JAPAN / リッチラボ株式会社）
• @deytack（Yahoo! JAPAN / GYAO株式会社）

質問

inVisionのDSMのワークフローについて、もう少し詳しく教えてください
SketchのデータをプラグインでinVisionに反映できると思いますが、
それ以降でコードに落とし込むときはどうしていますか？

[takogawa815]

答え

• inVision DSMを使うと、動的に生成されたコードを直接参照できる
  • 色の定義や値が変わった場合に、自動的に反映される
  • コンポーネントが変わったときに、自動的に反映できるかはまだ検証中
    • airbnbなどが取り組んでいる
  • CIサービスに載せることもできる
• Sketchを基点として、Reactコンポーネントまで落とし込めるワークフローが出来ると、本当に楽だなと思う