三角 正明

自己紹介

デザイン(Figma)と実装(React/Vue)の境界をつなぐデザインエンジニア(UIエンジニア)です。 デザイントークン設計、FigmaのVariant/Variable等とコード（React/TS/Tailwind/Storybook等）の同期基盤となるデザインシステムを構築しています。 CursorやClaude、MCPを活用したAI駆動開発にて、以下のようなアプローチで開発の高速化と標準化を目指しています。 DOM構造を見据えたFigmaコンポーネント設計: 最終的なHTML/CSS(FlexboxやGridなど)の構造や、ReactのProps/Stateの設計をあらかじめ考慮してFigma(Auto LayoutやVariable)を厳密に構築、これによりMCP経由でAIに読み込ませた際、生成後の修正量を抑え、アクセシビリティや保守性を考慮したコンポーネントコードを効率よく生成できるプロセスを構築。 AI駆動開発の標準化・コンポーネント共通化: 単にAIにコードを書かせるのではなく、フロントエンドのアーキテクチャ設計やコンポーネントの責務分割を人間側が論理的にディレクション。デザイン段階から実装を見据えてコンポーネントを設計することで、デザイナーとエンジニア間の仕様確認や修正の往復を減らし、コミュニケーションコストを抑えながら、技術負債になりにくい高品質な共通部品の作成・運用を実現。 【対応領域】 ・React (Next.js) / Vue (Nuxt.js) / Astro を用いたフロントエンド開発およびアーキテクチャ設計 ・Figma（Auto Layout / Variable）の整合性を意識したUI・コンポーネント開発 ・Tailwind CSSを用いた効率的なUI構築 / レスポンシブ・マルチデバイス対応 ・Claude Code / Cursor / 各種MCPサーバーを活用したAI駆動開発のプロセス構築 -=-=-= 追: 2029年頃を目処に千葉房総方面に移住を考えていて、農業しながら農業課題を解決するようなサービスをつくりたいと思っています。

職歴・学歴

デザインエンジニア(UIエンジニア)

スキル・経験

• CSS
• HTML
• JavaScript
• Illustrator
• Node.js
• Nuxt.js
• Photoshop
• UIデザイン
• Vue.js
• Flash
• Figma
• Next.js
• React.js
• Typescript
• WordPress

言語

• 日本語

関連リンク

• github
• 学習用
• webサイト