Design

Design

Figma×Codexで実行UIを直接取り込む革命

FigmaとOpenAIの新連携で、動くUIをそのままFigmaへ取り込み、デザインコンテキストを保ったままCodexへ戻せる双方向ワークフローが登場。MCP経由の構造データ共有でハンドオフ摩擦を減らし、反復を高速化する可能性あり。
Design

Figmaのスロット機能でデザイン×開発を加速

Figmaのスロットはコンポーネント内に差し替え可能な領域を作り、柔軟性と一貫性を両立する機能だよ。優先インスタンスや深さ制御、設計ルールで実務運用がカギになる。まずは小さなコンポーネントで試してみよう。
Design

Figma Workflow Labで画像→プロト最速化

FigmaがWorkflow Labを発表。AI画像編集(Erase/Isolate/Expand)、Vectorize、Figma Makeを統合し、デザイン→プロトの反復を短縮するワークフローを提供。外部ツール不要で小規模チームの生産性が向上。
Design

透明スクリーン新基準:Glimmer入門

Googleが透明ディスプレイ向けの新デザインシステム「Jetpack Compose Glimmer」を公開。表示を1m先に固定する設計や、加法色ディスプレイ対応、視角ベースのタイポ最適化など、透明スクリーン特有の課題に対する実践的ガイドを提供。デザイナーとエンジニアがすぐに取り入れられる実務的知見満載だよ。
Design

仕事は消えない、AIでシフトしただけ

CMUの研究でAIエージェント導入によりPRが98%増、レビュー時間は91%延長された。仕事は消えたのではなく「生成→レビュー」へとシフトしている。現場ではAIリテラシーとレビュー体制の強化が試すべき対策だ。
Design

認知負債:AIコードが招く保守リスク

AI生成コードが積み重なると「認知負債」が発生するリスクがある。短期生産性の向上と長期保守コストのトレードオフを意識しよう。人間監督のPDCAや静的解析強化で負債を抑えるのがおすすめだ。
Design

Figma×Claude Codeでコードをキャンバス化

FigmaがClaude Codeと連携し、動くUIをFigmaの編集可能フレームに変換できる新機能を発表。導入手順や利点、注意点(精度・権限・運用)を実務視点で解説。まずは小さな画面で試してルールを固めるのがおすすめ。
Design

Figmaが示すAI時代のmessy middle

Figmaの「State of the Designer 2026」では、デザイナーが“messy middle”に向き合い、AIで速度と品質を両立している。調査は906名を対象に行われ、91%がAIでデザイン改善、89%が作業速度向上を実感。小さなAI実験から始めて、デザイナーとエンジニアの共同反復を高速化しよう。
Design

AI時代に需要が高まるデザイナー

Figmaの調査ではAIがデザイン採用を再燃させ、採用担当の多くがAIツール熟練度とAI製品設計力を重視している。現場で差がつくのはプロンプト設計やガードレール、そして人間の創造性(taste)だ。今日からはFigmaのAIを触ってプロンプトとワークフローを整えるのがおすすめ。
Design

デザインシステムは“デザイン過多”か

デザインシステムが「デザイン寄り」に偏ると、創造性の抑制や実装効率の低下を招く。コード中心の仕組み(トークン化やStorybook)へ小さく移行することで、速度と品質の両立が可能。まずは1コンポーネントから試して、チームの効果を確認してみよう。