Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
結びながら、ひらく - にじむ境界のデザイン
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Hiroki Tani
January 25, 2026
Design
1.6k
4
Share
結びながら、ひらく - にじむ境界のデザイン
KNOTS 2026
https://knots.crossrel.jp/
Hiroki Tani
January 25, 2026
More Decks by Hiroki Tani
See All by Hiroki Tani
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
1
840
Building foundations 堅牢なデザイントークンの設計
hilokifigma
3
5.1k
なぜ今必要?Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
2
1.5k
You Don’t Know Figma Yet
hilokifigma
1
110
Other Decks in Design
See All in Design
はじめての演奏会フライヤーデザイン
chorkaichan
1
290
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.8k
Drawing_for_Anim_Final_PDF.pdf
lynteo
2
140
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
280
公開スライド)熊本市様-電子申請中級編
garyuten
0
1.2k
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
240
kintone Style Book
kintone
6
13k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
yamamotoyuta
2
770
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
1.7k
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
210
コンテンツ作成者の体験を設計する
chiilog
0
140
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
380
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
3k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
1k
Automating Front-end Workflow
addyosmani
1370
200k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
680
Building Flexible Design Systems
yeseniaperezcruz
330
40k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.4k
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.8k
Docker and Python
trallard
47
3.8k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
From π to Pie charts
rasagy
0
180
YesSQL, Process and Tooling at Scale
rocio
174
15k
Accessibility Awareness
sabderemane
1
110
Transcript
結びながら、 ひらく にじむ境界のデザイン KNOTS 2026
None
結びながら、 ひらく にじむ境界のデザイン
越境
None
にじむ 結ぶ ひらく
Web Designer Frontend Developer UX Designer Hiroki Tani Designer Advocate,
Figma Design Engineer Designer Advocate
デザインとエンジニアリング 個人と組織 人と AI
第一部 デザインとエンジニアリング
Design 意味と目的の設計 Engineering 成立と仕組みの設計
Design 意味と目的の設計 Engineering 成立と仕組みの設計
Web Designer Frontend Developer UX Designer Design Engineer Designer Advocate
“Code is a material” ― Design Systems International, Clarity 2019
None
Design
Engineering
Design Engineering
Design Engineering
DesignEngineering
専門家になる必要はないが 好奇心を大切にする
“ 創造性は、 ある分野を 別の分野のレンズを通して 見られる空間で育まれる” ― John Maeda, Embracing the
Hybrid Path: Reflections on Creativity, Career, and Resilience
第二部 個人と組織
None
Designer Engineer Design Engineer
相手を尊重する 問いとして投げかける 決めを曖昧にしない Designer Engineer Design Engineer
None
None
None
個人の色が にじみあえる場をつくる
第三部 人とAI
誰もが一人で作れるからこそ 誰もが一人きりで、 何でも作る必要はない
Figma Make
None
Good enough is not enough
None
Figma Draw
None
How we shaped the visual identity for Config 2025 Who
says design needs a mouse? Supporting faster file load times with memory optimizations in Rust Behind the feature: The multiple lives of multi-edit
None
ありがとうございました KNOTS 2026