Mermaid.jsにおけるカラーテーマのカスタマイズ
Mermaid.jsのthemeVariablesを使い、Tailwindのカラーパレットでダイアグラムを統一する方法を説明した記事です。グレースケール設計、ライト/ダークモード対応、タイプ別カスタマイズを扱います。
- フロントエンド
Figma MCP入門
Figma MCP機能概要 - コード生成の仕組みと実際のレスポンス
Figma MCPサーバーの主要機能とツール概要を紹介。デザインからのコード生成の仕組み、実際のレスポンス形式を実例とともに解説します。
- AI
- 開発ツール
- フロントエンド
Figma Variablesで固定幅レイアウトシステムを構築する
Figma Variablesで固定幅レイアウトシステムを構築。Tailwind CSSベースの7段階ブレイクポイントと12カラムグリッドでレスポンシブデザインを体系的に管理します。
- UIデザイン
- フロントエンド
Tailwindで12カラムグリッドをブレイクポイント別に設計する方法
Tailwind CSSを使って、レスポンシブ対応した12カラムグリッドシステムを効率的に設計・実装する実践的な手法を、実際のプロジェクト体験を交えて解説
- フロントエンド
- Webデザイン