デザインシステムエンジニア

仕事内容

Next.jsを用いた堅牢なビジュアル管理コンソールの開発を牽引するとともに、Figma等のデザインデータから実コードへシームレスに連携する、デザイントークン/デザインシステムの仕組みを強固に設計・実装していただきます。

構造的な課題と向き合うポイント

• ビジュアル画面エディタの構築: コンポーネントをパズルのように配置し、入力バリデーション（Zod等）を噛ませて正しいJSONスキーマを生成・保存する、高度な対話型管理ツールの設計。
• 拡張性の高いマルチテナント・テーマ設計: クライアント企業のブランド変更やダークモード対応、さらにはデバイス別（iPad/スマホ等）の出し分けやアクセシビリティ担保を容易にするトークンシステムの開発。
• 境界を越えた開発への関与: UI/UXデザイナーと強固に連携し、Figmaの設計変更からコードへのデプロイまでを半自動化する、開発者体験（Developer Experience）の最適化。

■具体的な業務

• Next.js / React を用いた管理コンソールのビジュアルフロントエンドおよびエディタ機能の開発。
• デザイナーと連携した、全プラットフォーム共通のデザインシステムおよびデザイントークンの策定と設計。
• Zod等のスキーマ検証ライブラリを用いた、動的入力の整合性担保と堅牢なバリデーションの実装。
• 各種CRUD、テナントごとの詳細なロール/招待権限、編集変更履歴（監査ログ用）の設計・開発。
• BFF(Node.js)やAWS、CI/CD周りなどの技術領域（インフラ二番手）への自発的な越境。

開発環境

• Frontend: React, Next.js, TypeScript, Tailwind CSS, Storybook, Zod / Hook Form
• Design Integration: Figma Variables, Style Dictionary (Design Tokens)
• Monorepo / Build: Turbo / Yarn Workspaces, Vite
• Infrastructure: AWS (BFF連携), GitHub Actions
• AI & Collaboration: Claude Code, Cursor, Figma, Slack, Notion

必須スキル

• TypeScript / React / Next.js を用いたWebフロントエンド開発の本番での実務経験（3〜5年以上）。
• コンポーネント指向設計の深い理解、コンポーネントライブラリの開発または運用経験。
• ZodやYup等のスキーマ定義を用いた、堅牢なフォーム・データバリデーション設計能力。
• 複雑なデータ構造（UI構造の木構造など）を表現するための、Reactでの状態管理の実装スキル。
• enableXのミッション「産業のボトルネックを、事業に変える」への強い共感。

歓迎スキル

• Figmaの変数（Variables）やトークンからStyle Dictionaryを用いて自動コード生成・運用した経験。
• マルチテナントシステムにおける各社ごとのテーマ、多言語対応、表示制限の実装経験。
• Node.js (BFF層) や AWS (サーバーレス構成) の理解、CIパイプラインの構築など、フルスタックへの越境意欲。
• Webアクセシビリティ（WCAG 2.1等）の実装・品質担保経験。

最初の6〜12ヶ月で期待すること

• 最初の3ヶ月： プラットフォーム内のデザインシステム定義とNext.js管理ツールの構造をキャッチアップし、既存コンポーネントのUI品質改善や、エディタへの新機能追加を単独で遂行できる。
• 6ヶ月時点： デザインシステムから各デバイスへのトークン配信を自動化し、Figmaとの連携を強固にする仕組みの設計・リリースをリードしている。
• 12ヶ月時点： テナント管理者向けの「直感的に操作できる管理コンソール」のUI設計およびコンポーネント構造の刷新案を提示し、Next.js・BFFをまたいだ機能変更をオーナーシップを持って牽引している。