AI が実装しやすい Figma デザインデータの作り方
AI エージェントがデザインの意図を推測せずに実装できるよう、レイヤー構造やオートレイアウトの設定、操作領域や状態の注記など、Figma データの整え方を解説します。
Personal site of a Design Engineer
I develop CX strategies, design and prototype interfaces, and write frontend code. I build harnesses for AI agents and keep them running. My background spans graphic design, print, and the web.
Writing
Figma 実装ガイド：少ない指示、少ないトークン、少ない手戻り
Figma デザインを AI エージェントで実装する際のハーネス設計、タスク分割、成果物の評価手順を整理し、指示やトークン消費、手戻りを減らす進め方を解説します。
分離できていない？並列開発で感じた VS Code と Cursor の違い
人間と複数のエージェントが同時に作業する並列開発で、VS CodeとCursorに感じた違いを、コンテキストや実行環境、イベントの分離という観点から整理します。
VS Code のエージェントチャットに、ターミナルの処理結果がユーザーメッセージとして送られていた
Windows環境のVS CodeでGitHub Copilotを使った開発中、ターミナル実行をきっかけに以前のエージェントチャットが再開し、意図しないファイル編集まで進んだ事例を整理しました。
トップページの白馬の表現について
白馬のスプライト、足運びのリズム、WebGL の残像。トップページの動きを、再生できるデモとコードで説明します。
Projects
Mapping the Prompt (MTP)
A framework for steering LLM output with grids, sliders, and presets instead of long natural-language behavior instructions.
imkohenauser/skills
A public collection of Agent Skills for design engineering, motion, and AI-native product work.
