ヘルプとドキュメント

Flash DSMの使い方。最初のデザインシステムの作成、トークンの編集、コードへのエクスポート、FigmaとGitHubの連携、クレジットの管理。

Flash DSMに関するよくある質問。答えが見つからなければ、Discordでお尋ねください。

Flash DSMとは？

Flash DSMはデザインシステムビルダーです。プロダクトを普段の言葉で説明するか、WebサイトのURLを貼り付けるか、Figmaを接続すると、Flash DSMが完全なファウンデーションを立ち上げます。カラー、タイポグラフィ、スペーシング、角丸、シャドウ、モーションのトークンに、コンポーネント仕様まで。それを編集して、CSS、Tailwind、Tokens Studio JSONとしてエクスポートするか、GitHubにプッシュできます。

Webサイトのスキャンはどういう仕組みですか？

公開URLを貼り付けると、Flash DSMがサイトのCSSを取得し、すべてのファウンデーション（カラー、スペーシング、タイポグラフィ、角丸、シャドウ）からトークンを抽出し、繰り返し使われているコンポーネントパターンを検出して、実際のスタイルから構造化されたデザインシステムを組み立てます。リリース済みのコードにしか存在しないデザインシステムをドキュメント化する、いちばん速い方法です。

自分のFigmaファイルを接続できますか？

はい。Flash DSMはOAuthとFlash DSMのFigmaプラグインを通じてFigmaに接続します。デザインファイルを選ぶと、Flash DSMがそのバリアブルとスタイルをデザイントークンとしてインポートします。生成したシステムをバリアブルとしてFigmaに書き戻すこともできます。

Flash DSMはどのエクスポート形式に対応していますか？

Flash DSMはCSSカスタムプロパティ、SCSS、Tailwind設定、Tokens Studio JSON、Figmaプラグイン一式、GitHubプッシュ、MCPつきのCursorルールをエクスポートできます。いずれもPro以上で、実行できるZIPも付きます。FreeプランではCSS、SCSS、Tailwind、JSONを短いクレジットコメントつきでコピーできます。有料プランはクリーンなファイルをエクスポートでき、上位の出力先も使えます。

Flash DSMは無料ですか？

Flash DSMのアカウント作成は無料で、作成・編集ができ、限られたコンポーネントを取り込めるGenomeがひとつ付いてきます。カードは要りません。Pro、Team、Studioでは、モジュールの取り込み、更新同期、共有Genome、クライアントへの引き渡しが加わります。

Flash DSMが生成したデザインシステムの所有権は自分にありますか？

はい。Flash DSMが生成するトークン、コンポーネント仕様、CSSファイル、エクスポートはすべてあなたのもので、クライアントワーク、商用プロダクト、オープンソースプロジェクトに使えます。FreeプランのCSSとTailwindファイルには短いFlashのクレジットコメントが付きます。有料プランでは付きません。

Flash DSMのサポートはどこで受けられますか？

手早く聞きたいときはFlash DSMのDiscordへ、不具合の報告や機能の要望はGitHub Discussionsへどうぞ。TeamとStudioのプランには優先サポートが含まれます。

まだ解決しませんか？

Discordで聞いてみてください。たいてい誰かがいます。メールでも受け付けています。