The design systems platform that connects design and codeInterplay connects and automates design and code workflows to align your entire product team around a single source of truth “This finally connects design tooling with development in a practical way — unlike other tools, Interplay is built to integrate with existing design and dev workflows.”
はじめに 先日、Figmaのstorybook plugin betaが発表されました。 この通りに、discordからメンションすると、すぐにDMが来て数ラリーで権限付与してくれたので、その後セットアップして遊んだ後の感想です。まだ運用はしてません。 セットアップ Chromaticをセットアップ Figmaプラグインをinstall 対象のコンポーネントにChromaticにhostingされた対象コンポーネントのリンクを付与する これだけで、このようにFigmaのコンポーネントの横で対象のコンポーネントを操作することができるようになりました。 個人的に、storybookのVRTはregsuitをいつも使っていたので、この設定から始めましたが、Discordでの返信待ちのロスタイムを除けば、ここまで全体を通して30minもかかってないと思います。 デメリットに感じたこと 前述の通り、
storybook-addon-figma Live Demo: https://swapkats.github.io/storybook-addon-figma Quickstart Install the addon npm i --save-dev storybook-figma Register the plugin // in .storybook/addons.js import '@storybook/addon-actions/register' // register the Figma addon import 'storybook-figma/register' Link a Figma design to your story import React from 'react' import { storiesOf } from '@storybook/react'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
