生成 CSS カスタム属性，対応可視化プレビュー。作成色、スペーシングとフォント変数，リアルタイムプレビューかつエクスポートのため CSS。
開発者ツール
このツールについて
CSS 変数ジェネレーター支援経由で可視化エディター作成と管理 CSS カスタム属性。提供 浅色、深色 と 蓝色 など现成テーマテンプレート，设计系统リアルタイムプレビュー，色値自动拾色ツール集成，及びワンクリックでエクスポートのため CSS ファイル。
主な機能
- 预置 浅色、深色 と 蓝色 テーマテンプレート
- リアルタイムプレビューパネル，展示设计系统効果
- 色変数値自动拾色ツール
- 自により追加、編集と削除カスタム変数
- ワンクリックでコピー CSS またはダウンロードのため .css ファイル
- プレビュー中可視化色とスペーシング変数
使用シーン
- 使用 CSS カスタム属性作成一致の设计系统
- でコード实现之前原型化テーマ变体
- 生成深色モードと浅色モード変数集
- エクスポート可能直接使用の CSS 変数ファイルに项目中
- 可視化色とスペーシング変数どのように影响 UI 组件
css
variables
generator
よくある質問
どのようなテンプレート可能用？
ツール提供 浅色、深色 と 蓝色 テーマテンプレート，含む预設定の色、スペーシング、フォントと圆角変数。您也を使用できます カスタム テンプレートから零開始作成。
できます追加カスタム変数か？
できます，您できます経由で追加変数ボタン追加任意数量のカスタム変数。各変数都有名称と値フィールド，色値できます自动提供拾色ツールとプレビュー色块。
リアルタイムプレビューはどのように機能しますか？
リアルタイムプレビューパネル使用お客様の CSS 変数リアルタイムレンダリングサンプル UI。它展示使用変数スタイルのボタン、カードと色块，させる您でエクスポート前就能看に设计系统の効果。
どのようにエクスポート生成された CSS？
您できますワンクリックで生成された CSS クリップボードに，またはダウンロードのため .css ファイル。出力です標準の :root コードブロック，含むすべてカスタム属性，可能直接で任意项目中使用。
できます作成哪些タイプの変数？
您できます作成任意 CSS カスタム属性，含む色、スペーシング値、フォント族、字号、圆角など。色値できますされる自動検出かつ提供拾色ツール以便選択。