Figmaに込められた意図を、コードで正確に、美しく実装する。 そして実装の手前、ブランドの課題整理や体験設計の議論から入る。 上流から実装・公開・改善まで、デザインとコードの両方を持って前に進める「デザインエンジニア」を募集します。 仕様書どおりにコーディングする役割ではありません。 クライアントとの対話から課題を捉え、デザイナーと一緒に体験を磨き、自分の手で動くものにして検証する。 AIも積極的に取り入れながら、プロジェクトの進め方そのものをアップデートしていきます。 【お任せすること】 ▼上流への参加 クライアントとの打ち合わせに入り、「何をつくりたいのか」だけでなく、「なぜつくるのか」「ユーザーにどんな体験を届けたいのか」を一緒に整理します。 ▼UI設計・プロトタイピング サイトマップ、画面構成、ワイヤーフレーム、UIを設計します。Figmaや生成AIを使い、その場でプロトタイプをつくって検証することもあります。 ▼フロントエンド実装 デザインを忠実に再現するだけでなく、動き・インタラクション・パフォーマンスまで含めて、ブランドの世界観を実装で完成させます。 ▼デザインシステム・コンポーネント設計 Figmaのコンポーネントやvariablesとコードを接続し、デザイナーとエンジニアが同じ前提で進められる基盤をつくります。 ▼技術選定と実装方針の策定 案件ごとに、フロントエンド、CMS、システム構成などの最適な手段を判断し、必要に応じて社内外のエンジニアと連携します。 【必須として考えている経験・スキル】 ・HTML/CSS/JavaScript（TypeScript）によるWebフロントエンドの実装経験 ・Figmaなどのデザインデータを読み解き、実装した経験 ・デザイナー・エンジニアと協働した経験 【歓迎する経験】 ・Figmaを使ったUI/UX設計、プロトタイプ制作 ・デザインシステム・コンポーネント設計 ・Reactなどのフレームワーク、CMSを使った開発経験 ・アニメーション・インタラクション表現の実装経験 ・Webサービス・アプリの企画や開発経験 ・Claude、ChatGPT、Claude Codeなど、生成AI・AIコーディングツールを使った制作・開発経験 ・ブランディング、企画、ディレクションの経験 【こんな方には特に面白い環境です】 「エンジニアだけど、もっと企画やデザインの上流に入りたい」 「デザイナーだけど、実装まで自分で完結させたい」 「Webディレクターだけど、手を動かして技術を理解したい」 そんな方には、とても相性の良いポジションです。 私たちは、最初からすべてができる人を探しているわけではありません。 自分の専門領域から、少しずつ境界を越えていける人と働きたいと考えています。 少しでも興味を持っていただけたら、お気軽にエントリーをお願いします。