職種を超えて挑戦する「Des-Dev mtg」のすすめ

こんにちは！i3DESIGN デザイナーチームです。

デザインにおけるAI活用が一般的になった現在、
「AIを使って開発との連携をもっとスムーズにできないかな？」
「エンジニアはAIをどう使っているんだろう」
と感じることが増えてきたのではないでしょうか。

AIの浸透により、デザイナーとエンジニアが密接に交わる意義はこれまで以上に高まってきています。

そこで今回は、i3DESIGNで実践しているデザイナーとエンジニアの連携を促進するための取り組み、「Des-Dev（Design-Development）mtg」についてご紹介します！

「デザイナー×エンジニア」の合同mtgを開催している理由

Des-Dev mtgが発足したのは2025年の9〜10月頃です。

もとは自社デザインシステム「Bento」開発のために定期開催されていたデザイナーとエンジニアの合同mtgでしたが、開発が一区切りついた後も「デザイナー・エンジニアの間で実験的な取り組みを共有できる場が欲しい」という声が上がり、Des-Dev mtgとして実施されるようになりました。

合同mtgを開催する最大の理由は、「より良いプロダクトをつくる」という一つの目的に対し、可能なアプローチについてエンジニア・デザイナーの両者が認識を揃えるためです。

特にAIを使って新しい取り組みを行う場合、技術的な視点とUX的な視点はどちらも不可欠です。
エンジニア・デザイナーが協働することによって、アウトプットの品質を高めつつ業務を効率化することが可能になると考えています。

どう運営しているか

現在のDes-Dev mtgは、以下のようなスタイルで運用しています。

参加メンバー：

• 研究テーマを受け持っている主要メンバーは6名（エンジニア4名、デザイナー2名）

• AI活用に特に積極的な若手メンバーが中心

• そのほかの社内のメンバーも自由にmtgに参加し「傍聴」可能

開催頻度：
隔週

進め方：

• 各自、研究テーマに対する進捗内容を報告し、ほかのメンバーがフィードバックを行う

• mtgの内容はAIによって自動でグラレコ化し、slackチャンネルに投稿

あえて少人数で取り組んでいる理由としては、

という2点が挙げられます。

また、主要メンバーこそ少人数ですが、「傍聴席」としてほかのメンバーの参加を促したり、mtg内容をグラレコ化して発信することで不参加の人も内容を把握しやすくしたり、という工夫をしています。

今取り組んでいる3つのテーマ

メンバーの研究テーマは、個人の興味・関心に合わせて自由に企画しています。
ここでは、現在取り組まれている主な3つのテーマをご紹介します。

1. Figma to Code（Figmaデザインのコード実装＋アクセシビリティの担保）

Des-Dev mtgの発足当初から取り組んでいたテーマのひとつです。「FigmaデザインをAIコーディングで忠実に再現する手法を確立し、実際のプロジェクトに取り入れられるレベルまで精度を高める」ことを目的としていました。

デザイナー1名・エンジニア1名で検証を進めていましたが、すでにかなり高い精度で実現できるようになったため、現在はさらに「標準的なアクセシビリティが担保されたフロントエンドの自動生成」まで内容を拡張しています。
デザイナーとエンジニアでアクセシビリティの適用基準および除外条件を綿密に議論し、開発効率を下げないレベル感についての検討を進めています。

2. Figmaレス（AIによるゼロからのUI構築）

こちらもDes-Dev mtgの発足当初から取り組んでいたテーマです。AIを活用し「Figmaを使わないUI構築」を実務レベルで実現することを目的としています。

デザイナー1名・エンジニア1名が担当していて、両者が以下のような取り組みについて相互にフィードバックしながら進めています。

• エンジニア
  要件整理のためのプロンプトやskillの検証

• デザイナー
  一貫性を担保するためのデザインルール・skillの作成

自社プロダクトであるPhennec（コンテキスト集約プラットフォーム）を活用しながら、「どのような要件を与えるとどのようにデザインに反映されるのか」「どのようなskillを設定すればクオリティが上がるのか」を検証しています。

3. 開発ツール勉強会

主にデザイナーに向けて、CursorやGithubなどの開発ツールに慣れるための勉強会を企画しています。

この取り組みは、「CLI（コマンドラインインターフェース）や耳馴染みのない開発用語などが、デザイナーがAIコーディングを進める際の心理的障壁になってしまっているのでは」というメンバーの問題提起から始まりました。

開発の基礎知識をつけることで、デザイナーもフロントエンドの領域まで踏み込んでAIを活用し、エンジニアとも対等に議論ができる状態を目指しています。

参加メンバーの声

実際に参加しているメンバーからは、Des-Dev mtgのメリットについて以下のような声が上がっています。

エンジニアもデザイナーも、より良いアウトプットを目指している点は変わりません。
Des-Dev mtgを通じて同じテーマに取り組むことで、エンジニア・デザイナーという職種を超えてさまざまな挑戦ができるようになっていくのではないでしょうか。

今後の展望： 自由な試行の発信が、さらなる試行を生み出す

Des-Dev mtgは、今後さらに活動を広げていく予定です。
具体的には以下の内容に取り組んでいきたいと考えています。

1.研究活動の実務への反映
ドキュメント化に加えて、AIのskillを共有するプラグインの社内への普及活動を行うなど、ナレッジの資産化を進めていきます。

2.社内への発信と巻き込み
将来的には、エンジニア・デザイナー以外もこの活動に巻き込んでいくのが理想です。i3DESIGN社内ではプロジェクトマネージャーや営業、バックオフィスのメンバーも積極的にAI活用を進めているため、さまざまな新しい取り組みや検証内容を社内で共有できる場にしたいと考えています。

日々の業務の中では、研究や検証にかける時間を捻出するのがなかなか難しいときもあります。
それでも、Des-Dev mtgのように試行を共有する場があることで「少しだけでもやってみよう」というモチベーションになりますし、その試行が誰かの「自分も何かやってみたい」という思いを育てていくのではないでしょうか。

このnoteが、みなさんのチームにおけるコラボレーションのきっかけになれば嬉しいです！