デザインシステム の記事

AI時代のデザインツール「Pencil」徹底解説 - Cursor上でワイヤーフレームをAIに描かせる新常識

CursorやVS Codeの拡張として動く、AIネイティブなデザインツール「Pencil」の特徴・MCP連携・Figmaとの違いを解説。実案件として、企業向けWordPressテンプレートのワイヤーフレーム3パターンをAIで一気に構築した作業例も紹介します。