TECHNOLOGY IT NEWS

アイスリーデザインが、AI時代の開発生産性を支えるデザインシステム構築を支援

公開:
CodeCampが提供するDX人材育成が可能なプログラミングやITが学べる公開講座
この記事はプレスリリースです

本記事は、PR TIMESに掲載された企業・団体等のプレスリリースを原文のまま転載しています。記事内容は発表時点の情報です。

発表元
株式会社アイスリーデザイン
配信日時
2026年8月20日 13時30分
転載日
2026年8月21日

発表内容については発表元へ、当サイト上の訂正・削除については、当サイトのお問い合わせフォームにご連絡ください。

転載
プレスリリース本文

株式会社アイスリーデザイン(本社:東京都港区、代表取締役:芝 陽一郎、以下 i3DESIGN)と株式会社アルダグラム(本社:東京都港区、代表者:長濱 光、以下 アルダグラム)は、現場DXサービス「KANNA」の開発生産性向上に向けたデザインシステムの構築を行いました。

同サービスは、2020年のサービス開始以来、スピード感のある機能追加により、国内外での導入企業数100,000社達成という目覚ましい成長を続けてきました。その一方で、FigmaのデザインとUI実装のズレ、画面ごとに増え続けるコンポーネント、そして「KANNAらしさ」が社内で言語化されていないといった課題がありました。

i3DESIGNは、要件定義でスコープを見極め、テンプレート提供とレビューによる伴走で、アルダグラムが主体的にデザインシステムを内製・運用できる仕組みづくりを支援しました。

▼事例記事はこちら

https://www.i3design.jp/cases/aldagram/

■背景・課題

  1. デザインと実装のズレ
    FigmaのデザインとUI実装が微妙に食い違い、同じ機能でも画面によってボタンの大きさ・色・余白が異なる状態。「どちらが正解か」を都度議論するコミュニケーションコストが慢性化し、コードも個別最適化によって混乱していた。 
  2. デザインの判断基準が属人化
    使いやすいデザインの基準がデザイナーごとに異なっており、プロダクト内でそれぞれが作成したコンポーネントが乱立していた。 
  3. 生成AI時代に「土台のなさ」が足かせに
    デザイントークンやコンポーネントが整理されていないままAIでコード生成を進めると、際限なく新しいデザインが作られてしまい、エンジニアが把握・管理できない状態になる恐れがあった。

■プロジェクトの概要

【自社運用を見据えたデザインシステム構築】

i3DESIGNは、約5か月というプロジェクト期間のなかで「何を・どこまで作るか」を要件定義で見極め、テンプレート提供とレビューによる伴走スタイルを提案。

アルダグラムのデザイナーが自分たちの手でデザインシステムを作り、運用し続けられるようになることをゴールに支援しました。

  1. 要件定義でスコープを見極める
    約5か月で成果を出すために現状の画面を精査し、よく使われるデザインとそれらの実装差異を洗い出し。「どのコンポーネントについて、どこまでガイドラインを作るか」の優先順位を先に固めた。
  2. テンプレート提供とレビューによる伴走
    i3DESIGNがテンプレートを用意し、中身はアルダグラムが議論しながら内製。その成果物に対してレビューとフィードバックを行い、判断が難しい場面で方針を示した。 
  3. スキルトランスファーで内製・自走を実現
    Figmaのコンポーネントの作り方からレクチャーし、アルダグラムが自分たちで考えて進められる状態へ。デザインシステムは更新し続けるものであるため、自社が主体的に動くことで将来的な内製運用も見据えられるようになる、という考えに基づいた。

■成果と今後の展望

株式会社アルダグラム 小野田氏よりコメント

今回作ったデザインシステムの本格的な運用が始まった後、どのように開発の現場が変わっていくのか楽しみです。
ブランドとしての一貫性を保ったまま、開発の効率をいかに上げられるか、という点に期待しています。
デザインシステムを土台として、AIと人間が適切な役割分担をすることで、「KANNA」を世界中のユーザーに選ばれるプロダクトに育てていきたいですね。

【アルダグラム 企業情報】

会社名:株式会社アルダグラム

事業内容:現場DXサービス「KANNA」の開発・提供

所在地:東京都港区虎ノ門二丁目2番1号 住友不動産虎ノ門タワー 26階

代表者:長濱 光 

設立:2019年

公式サイト:https://aldagram.com/

■アイスリーデザインについて

私たちアイスリーデザイン(https://www.i3design.jp/)は、Design × AI × Engineeringに精通したAI駆動のデジタルエンジニアリング企業です。

AIをフル活用した開発スタイルで顧客のデジタルプロダクトの開発 & UX/UI支援ならびに顧客のAIトランスフォーメーション(AX)を支援します。

■会社概要

会社名 :株式会社アイスリーデザイン

事業内容:デジタルイノベーションパートナー事業

所在地 :〒107-0052 東京都港区赤坂八丁目1番22号NMF青山一丁目ビル3階

代表者 :代表取締役社長 CEO 芝 陽一郎

設立  :2006年7月26日

URL  :https://www.i3design.jp

最新情報は公式X(旧Twitter)アカウントでも発信中です。

公式アカウント:https://x.com/i3design_jp

<当社に関するお問い合わせ>

お問い合わせフォーム:https://www.i3design.jp/contact/

<本リリースに関するお問い合わせ>

アイスリーデザイン 広報担当宛

お問い合わせフォーム:https://www.i3design.jp/contact/

e-mail:pr@i3design.co.jp

プレスリリース転載ここまで
ブログに戻る

コメントを残す

コメントは公開前に承認される必要があることにご注意ください。

企業・法人向けのIT・プログラミング・生成AI研修を探す、比較する - IT・プログラミングを知って学べるコネクトメディア CodeCampが提供するDX人材育成が可能なプログラミングやITが学べる公開講座 - IT・プログラミングを知って学べるコネクトメディア コードキャンプが提供する無料で学べるプログラミングスクール講座 - IT・プログラミングを知って学べるコネクトメディア コードキャンプDX人材育成研修 - IT・プログラミングを知って学べるコネクトメディア 3.5日の研修で、年間1,600時間の削減効果が見込まれる。東京きらぼしフィナンシャルグループのDX人材育成事例 - IT・プログラミングを知って学べるコネクトメディア 配属3ヶ月で30%の生産性向上を実現するいよぎんコンピュータサービスの新人研修に迫る - IT・プログラミングを知って学べるコネクトメディア 金融業界の業務効率化を加速するニッセイアセットマネジメントの生成AI×GAS活用研修事例 - IT・プログラミングを知って学べるコネクトメディア 【製造業のDX人材育成事例】デジタル人材の即戦力化を実現する、日本ガイシ株式会社の異動者向オンボーディング研修 - ITやプログラミングを知って学べるコネクトメディア フューチャーアーキテクト株式会社が実現した新入社員向けIT研修プログラムでタスクフォース制度が主体的な学びと成長を生み出す - IT・プログラミングを知って学べるコネクトメディア コードキャンプDX人材育成研修 - IT・プログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/【IT新入社員研修】オンラインとオフラインの最適バランスを実現したFutureOneの導入事例 - IT・プログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/【新入社員研修】柔軟なハイブリッド型Java研修で実現した新卒20名の成長と成果|サークレイス株式会社 - ITやプログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/現場により近いところにデジタルを根付かせるDX基礎講座研修|株式会社ブリヂストン - ITやプログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/業務の効率化・DX推進に向けたIT人材育成への第一歩|株式会社カナエ - ITやプログラミングを知って学べるコネクトメディア 企業・法人向けのIT・プログラミング研修 - ITやプログラミングを知って学べるコネクトメディア

新着記事

対象者別で探す

子供(小学生・中学生・高校生)向け
プログラミング教室検索する

子供(小学生・中学生・高校生)がロボットやプログラミング言語を学ぶことができるオフラインからオンラインスクールを検索、比較することが可能です。

子供(小学生・中学生・高校生)
プログラミング教室検索する

ITやプログラムなどの
最新情報を検索する

日々、新しいITやプログラミング言語の情報が流れていきますが、特定の情報を時系列でニュースやコラムを確認することができます。

ITやプログラムなどの
最新情報を検索する