このスロップ時代に良きデザインをつくるには？ / good-design-in-the-slop-era

2026年10月12日（月）に開催した「Hackers Champloo 2026」の登壇資料です。
https://hackers-champloo.connpass.com/event/406428/

Transcript

1. このスロップ時代に 良きデザインを つくるには？ こぎそ｜株式会社Lumilinks Hackers Champloo 2026｜2026.10.12
2. はじめに 株式会社Lumilinks 代表取締役 / デザイナー こぎそ 受託制作会社でデザイナー‧エンジニアとして勤務後、さくらイ ンターネットでプロダクト開発に携わる。2020年にSmartHRへ ⼊社し、プロダクトデザイナーとしてデザインシステムやプロダ クト開発を担当。⽣成AIベンチャー、0→1スタートアップでの デザイナー経験を経て、株式会社Lumilinks（ルミリンクス）を 設⽴。プロダクトデザインを軸に、AI活⽤コンサルティングや組 織⽀援、コミュニティ事業を展開。 著書に『ちいさくはじめるデザインシステム』（BNN）。テッ ク業界向けコミュニティ「CrossRel」主宰。
4. CrossRell × @ Gaji-Labo** Desionfarnessand Design Harness The Beginning 10.29(木] これから始めるﾃﾞｻﾞｲﾝﾊ ｰ ﾈｽ る 職能 融 ｰ ど ｲ こ は へ ﾅ ｻﾞ ﾃﾞ 不動産投資/ 予算管理 / ﾛ ｰ ﾝ / 外賀交換/ 年金運用 / ﾌﾟﾗｯ ﾄﾌｫ ｰ ﾑ け 2025 01.08 1 9:00 ﾌﾟﾛﾀﾞｸﾄﾃﾞｻﾞｲﾝの ﾐｰﾄｱｯﾌﾟ ｳｪﾙｽﾅﾋﾞ/GMOあおそらﾈｯﾄ銀行/fred 2024 FINAL CHAPTER THE BIG TECH INDUSTI ﾃﾞｻﾞｲﾝの ﾐ ｰ ﾄ ｱ ｯ ﾌﾟ 8.1木 25.28TUE19:00 CrossRell 2024/02/15 [Thu] 19:00 - CrossRell R35 MEETUP 12/5 THU CyberAgent. chot Inc. A Findy Haul Money Forword PAY ﾌﾟﾛﾀﾞｸﾄ お か ね の 今と未来 ° RIMO SODAinc. 大 浜 葉県年会 CrossRell UXﾃﾞｻﾞｲﾝ9 note inc. ﾃﾞｼﾞﾀﾙ FinTech 21:30 ﾎﾟｲﾝﾄ / ｸ ﾚｼﾞ ｯ ﾄｶｰﾄﾞ/ 投資運用/ 貯金/ 株式取引 / 債券投資/ CrossRel CrossRell 2026/04/15 |Wed] 19:00 - LoftTokyo さような ら､ KNOTS ｻｲﾄﾞｲﾍﾞﾝﾄ ver. 2026 ﾐ ｰ ﾄ ｱ ｯ ﾌﾟ AWS Startup 12025 2.16 2 0 2 5 [Thu] お か ねの う か の か 向 4/14 4 .16((木) AI ･ｴﾝｼﾞﾆｱﾘﾝｸﾞ･ﾃﾞｻﾞｲﾝの忘年会 7.9 KNOTS KNOTS Claude Code. 60分で動かず非ｴ ﾝ ｼﾞﾆ ｱ向 けﾊ ﾝｽﾞｵ ﾝ ﾃﾞｻﾞｲﾝにおけるﾊ ｰ ﾈｽｴﾝｼﾞﾆｱﾘﾝｸﾞ 9.15 KNOTS CrossRell x ticd 怖くない｡ DesigHa n rness おける 21:30 ﾎﾟｲﾝ ﾄ / ｸ ﾚｼﾞｯ ﾄ ｶｰﾄﾞ/ 投資運用/ 貯金/ 株式取引 / 債券投資/ 不動座投資 / 予算管理 / ﾛｰﾝ / 外貨交換 / 年金運用 / ﾌﾟﾗ ｯ ﾄﾌｫ ｰﾑ R35. MEETU CROSSREL >AIｴ ｰｼﾞｪﾝ ｲ P Claude ｯCLIｸorﾌﾟﾚImon ｨGemini ﾃCode. CrossPell in OKINAWA 92222Penetrator AI ｴ ｰ ｼﾞｬﾝ ﾄﾂ ｰ ﾙ 中菜
5. 皆さん何か作っていますか？
6. • FlowPilot CRM-01 NOVARC 1,460 •ﾉｰｺｰﾄﾞで宛の革人度界自成を 4. その定型業務､ AIに自動操縦させません か｡ 信頼を､ﾃﾞｻﾞｲﾝする｡ 発港的な*ｸﾉﾛﾋﾞｰと来かご安用で､社会の作話を何え｣ を日おで処はするんｽﾋﾟﾇﾎﾟｻｰﾋﾞｽです､ｴﾝｼｰｸﾞがいないﾁｰﾑ でも､最坂15分で最社のﾜｰｸﾌﾛｰがたさにします｡ SUNRISE. 私た ち につ いて 率 案内報 会社 情盤 お知らせ おｶﾞいきさ / 0.001mmに､誠実を｡ さ くら 台内料ｸ ﾘﾆ ｯｸ AURORA PAGO こく ｯ Kｽ Rｯ ﾘ ﾆ ｯ ｸ ､ いつ も の暮 ら しに､ あん しん 長く愛せるﾃﾞｻﾞｲ ﾝ ｡ を｡ 春らしに､ 静かな豊かさを｡ 私た ち に つ い て 株式会ﾋｻ ﾝ ﾗｲ ｽﾞ製件所は､ 1976年の食定試本 ､長野用数本すで会死がこの結出出工を手がけてきまし ､ た｡ 白動軍や取野境怒といっ た ､わずがご取めも詳されない火野で ､0001mm準代の朝度会にい水の能 ｶ ゃすさす ､､ｺは式業8うま入ﾊﾟおﾌ ﾝﾉ ､といらで49 ろと ､これなあのでりｶ ｰうｸ ､りを､) DESION HARNESS 動きと､かたち｡ milereach 1 1 .7 GB 削除できます ｽ ﾄﾚｰｼﾞ8.6GB￫ 20.3G日 • 1 / ai-assistant 5.1 GB v shop-demo 3.5 GB / map-explorer 3.1GB dashboard 3.0 GB photo-gallery 1.4 GB Она вла 貯めたﾏｲﾙ で､ 次 の 行 き 先 を 探す ｡
7. 作ったもの紹介（抜粋） Commeto 会場の絵⽂字やコメントを、 投影中のスライドに流すアプリ commeto.parascope.design
8. 作ったもの紹介（抜粋） Design Harness 「デザインハーネス」の 考え⽅を伝えるサービスサイト。 design-harness.com
9. 作ったもの紹介（抜粋） Parascope 情報キュレーションメディア （再構築中） parascope.design
10. AIで何か作る際、皆さんは 「何回」直してますか？
11. Commeto ｽ ﾗ 会 場 ｲ の ﾄﾞ に 声 ､ を ｡ ｺ ﾒ ﾝ ﾄ も ､ 拍 手 も ､ 質問 も｡
12. ﾍ ﾌｲ ﾄ ﾙ､ 玉 場り円 で｡ ｺﾒﾝﾄ いつものｽﾘ 6 ､約Fも ､8 5｡ ｲ ﾄﾞに ､み んなの派応 がどさます｡ ｺﾒ ﾝﾄ ･賀間一気 青ｵ ﾌ SNQRｺ ｰ ﾄﾞ 質質の次き出し ﾘｱｸ ｼｮﾝ 表※ｵﾝ 老気ｵﾝ TREOREHEE ORREGUNE す｡ お0影する｣を選びま に寿会場! つ~~k道ｺ限咲 畑繧ｹ網ヶ經､網 々 安お切り替え の製証 いつものヮ ｰ 女､ 出ま じまります｡ まもなく ､は ｺ ﾒﾝ ﾄ ･質岡一覧 禁禁のまき出し ※I ARｺｰﾄﾞ 吸 (任意) 投態 ･共粉ﾘﾝｸﾞ 現在の投影 場の表示 ｼ ﾄ 気京 ｸﾞﾌﾞです｡ ﾝ ﾄと質比を ﾄﾞをE が袋じ､ ｽﾗｲ DESIG TUP 小さく始NMEE めるﾃﾞｻﾞｲﾝｼｽ 田中太 このPCの郎 受料･POE 1/18 持機活緒に戻す 会場に表示する もの 7 会場ｽ ｸﾘｰﾝ から､民 されま｡ 70.0.1:5171 ﾄ前の貸料に戻る 待機画面に戻す 用URLをｺ ﾋﾞｰ 一して参加者に • 投 脂中 発表信物 2ace (ge 発ﾎﾟﾀｲﾄﾙ (性量) 入力せずに分をすることも でさます｡ 会場ｽｸﾘｰﾝ換続中 次の責料の強認 SHAREDSCREEN ﾌﾞﾗｳｻﾞ ﾄﾀｲﾌﾟでつくる動く ② 口表示ﾌﾟﾚﾋﾞｭｰ https:@tocagoogin.com ﾝ を開く 会場ｽｸﾘｰ ､この金場ｽｸ ｢拡壊｣ にし 全画あ PCの素型は ｸ ﾀ ｰ側で をﾌﾞﾛｼﾞｪ ま! ﾘ ｰﾝだけ 作面面を携し 換 は に 元 手 にします｡ 数本はな 鈴木はな 金塩者のPC･商燃共 有 日この責料を投影 審認だけでは会場の 表示は変わりません｡ 参加方法 を 選ぶ • 名前を つけて参加 参加する名前 発表价桜 名朝はｺ ﾒ ﾝﾄ ･箕間と 一総に表 示さ ﾆ ｯｸ ﾈ ｰ ﾑ でも 参如できま す｡ 戻る J 表示ｵﾝ ､必 ･ ﾘｱｸｼｮﾝを ･美際の牧き出し 一長･QRｺｰﾄﾞ ｡ す ま き で ﾌ 要に応じてｵﾝ / ｵ 題れる ､ ﾒﾆｭｰから すると琵じます 横強の下処 うｰﾀﾞｸﾘ ｯｸ ｯﾁ揚作では ､ Rじﾎﾟﾀﾝでも で感れます｡ ﾀ さい｡ 動 だ 自 く て て め し 含 ﾌﾟ も ｯ ﾀ と､ ﾎﾟﾀ ﾝ ､続けてﾎﾞﾀﾝを ﾀﾝを良祭し をﾀｯﾌﾟしてﾎﾟ 映せます｡ 任意) 会塘者名 ( 参加QRｺｰ ﾄﾞ いてください｡ す｡ ｸﾘ ｯｸ してﾒﾆ ｭｰを焼 • 匿名 で参加 を Rの特機画題 でも ､参ｶﾞO 貴料を選ぶ前 ｺﾒﾝﾄ ･質問 と､｢表 ｳ ｽを移動する 西面の下策にﾏ OSTL, AREAST LES, 既名のまま､ 気軽に参加で きます｡ ﾙ (任意) 発表ﾀｲ ﾄ ￫ 次の資料を投影 表示を切り替え 画面の下から､ ｸ ﾝが宛れま ｢ 示ﾒ ﾆ ｭ ｰ｣ ﾎﾟ ｽﾗｲ ﾄﾞに ､会 場の声を｡ BALM ( 表示ｵ ﾝ ④ ﾘｱ ｸ ｼ ｮ ﾝ D 表示ｵ ﾝ い｣ 次回か ら表示しな れます｡ この名前で参がする 質問の次き出 し 表示ｵﾝ • C 会場の表示に 好り静える 共有価出の ｢CNo Teﾀﾌﾞ､ かる ｢会体ｽｸﾘｰ ﾝ ｢表ﾈ四作ﾊﾞ一の皆 店! Coesreo｣を まぶと､枚動う 食場の表示 す｡ ともできま 発表するこ 入力せずに D ｺﾒﾝ ﾄ ･賀興一育 ※ﾎﾟｵﾝ 2 NORI* 保 存す る ① 賃封の改き出し RL 93 参10者用U ﾄ ･賀料 蜜名でｺ ﾒﾝ ｽﾏﾎから､ は会場ｽ ｸﾞ QRｺ ｰ ﾄﾞ 用 た 参 ｡ ます れます｡ にも表於さ ◎ ﾘｱｸ ｼｮ ﾝ ｣ 答順 S 85u1 い､ 全国光にす る • 使い方 ~ ﾒ ﾆ ｭ ｰ を除 す A K8ﾒ ﾆ ｭｰ 食料2 ます｡ くとな影の予供りでま 会ﾀｽｸﾘｰﾝを覧 くを共有 し ま し ょ う｡
13. はじめに 「それっぽい」と「納得できる」は違う それっぽい 納得できる パッと⾒良いが、なんか違う 触ってみると違和感がある ⾒ても気にならない、納得がある 何度も直した上でたどり着く
14. 「良い」デザインとは？
15. 「良さ」の中⾝ 5つの「納得」が必要 ⾃分がデザインをする上で納得が必要なポイント抜粋 1 2 3 4 5 コンセプト コンテキスト ⾔葉 レイアウト ⾊
16. 「良さ」の中⾝ 1 コンセプト コンセプトを決め ブレないサービスやアプリを作る
17. 「良さ」の中⾝ 2 コンテキスト 誰がどのように使い、 どんな順番で操作、読むかを考える
18. 「良さ」の中⾝ 3 ⾔葉 案内、メッセージを、 ⼈に伝わる⾔葉にする。
19. 「良さ」の中⾝ 4 レイアウト 視覚的にリズムを作り読みやすく。 ルールを持ち、⼀定に。
20. 「良さ」の中⾝ 5 ⾊ 意図を正しく伝え、錯覚させない
21. AIで「良い」デザインは 作れるのか？
22. AIと良いデザイン 「良さ」を知って、 AIに伝える知識‧スキルが必要
23. Design Farness
24. AIと良いデザイン デザインハーネスで、 量産と安定を仕組みにする 制約を 先に書く 参照画⾯を 渡す スクショで 確かめる 直して 回す 守るルールを ⾔葉にする ⽬指す⾒た⽬を ⾒せる 出来上がりを 画⾯で⾒る ずれを直して 次に活かす
25. AIと良いデザイン ハーネスは、答えを知っている前提で機能する 新しい「良さ」を定義する ⼈の役割 すでにある「良さ」を再現する AIの役割
26. 新しくつくるには わかる「眼」がいる
27. 良いデザインのために、これからできること 1 2 3 4 基礎を知り 良いデザインを 使う場⾯を想定し ひたすらつくって 学ぶ 眺める テストする 壊す
28. これからできること https://design.digital.go.jp/dads/ https://www.inspora.design/ https://www.typeui.sh/design-skills https://bestdesignsonx.com/ https://jp.pinterest.com/ https://www.cosmos.so/
29. これからできること https://parascope.design/
30. 試⾏錯誤を重ねていこう。 無知の知を意識しよう。
31. おわりに お互いに リスペクトを持ち、 良いものをつくろう。