トビ / KazuhiroTobita

Design Engineer @LayerXcom, working on AI-Agents🔮｜prev. @cybozu @tcddublin

[トビ / KazuhiroTobita @0b1tk]

LayerXにjoinしました！

社内1人目のデザインエンジニアとして、AIエージェント「Ai Workforce」のデザインシステムに従事します。
よろしくお願いします！！

[トビ / KazuhiroTobita @0b1tk]

🎉🎉🎉

> Enterキーで送信が発火するフォームにて、IME確定時に送信されてしまう問題について、W3C i18n WGのサイト上に掲載される記事のdraftが作成されました。 https://t.co/z969E41eCm

[トビ / KazuhiroTobita @0b1tk]

@Ittyanm git操作に不慣れな人にこそぜひ使ってほしいですね！導入してすごくいい機能だなと思いました🙂‍↕️

[トビ / KazuhiroTobita @0b1tk]

Figma Makeで見た目調整して、そのままコードベースでPRまで出せるのか。

非エンジニアでも実装貢献できるし、Figmaツール内で完結する開発体験もかなりよい👏

[Figma @figma]

Figma Make, now on your local code

In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase

At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

[トビ / KazuhiroTobita @0b1tk]

Podcast更新しました！📻
Designshipの舞台裏の話です
こまんべさんが消されたらPodcastブース作ります

> 誰かに消されたら @Chige12_ @0b1tk が僕の仕事を引き継ぎます

[小松 尚平 Shohei Komatsu @komanbe]

僕がDesignshipを対外的に公開の場で語るのは #よわでこ が初めてで…運営の裏話・苦労を話してます🗣️（勝手に話すな）

@rtr_dnd @CreatorQsF 両名が尖った問いを投げるので，危ない発言が多いです！

誰かに消されたら @Chige12_ @0b1tk が僕の仕事を引き継ぎます。よろしくお願い申し上げます🥺

[Figma @figma]

wdym of course there’s an agent right on the design canvas that’s fluent in Figma and native to the way your team works

[トビ / KazuhiroTobita @0b1tk]

@soooheyhey うおお、お疲れ様でした…！
またご飯行きましょう！！

[トビ / KazuhiroTobita @0b1tk]

プロダクトサービスの紹介に重宝するやつだ！すごく使い勝手よさそうなのであとで試してみる🎥

[Sakino @sakinotomiura]

スクショと画面録画を整えてシェアできるMacアプリ「ScreenTune」をリリースしました🎉

撮影・録画から、背景、注釈、ズーム、書き出しまで。
毎日の共有にも、作ったものをシェアしたいときにも使えるツールです📸

ぜひ使ってみてください！

[トビ / KazuhiroTobita @0b1tk]

@kgsi いつも心にサンボマスター 「世界はそれを “コンポーネントライブラリ” と呼ぶんだぜ！」

[トビ / KazuhiroTobita @0b1tk]

最近「デザインシステム」という言葉が好きじゃない。
特に「デザイン」という名前がついてることで市民権を得た派閥が焦点を当てる “道具性” がなんともしっくりこない。
「開発全体エコシステム」みたいな、誰もやりたがらない泥臭い名前にしたい。

[フロントエンドカンファレンス東京 @fec_tokyo]

【🎉フロントエンドカンファレンス東京2026開催決定🎉】
フロントエンドカンファレンス東京2026を 12月5日（土）に開催します！

開催までのスケジュールやスポンサー募集等の詳細につきましては、以下をご覧ください🔽
https://t.co/l6Bj1YzWPw

#fec_tokyo

[フロントエンドカンファレンス福岡 @fec_fukuoka]

【🗣️ CFP 一般受付を開始します📃】
本日から約１ヶ月間（6月19日まで）、FEC Fukuoka 2026 の一般 CFP を募集いたします。
応募方法については詳細ページをご確認ください。
皆様からの熱いトークをお待ちしております！

一般 CFP（登壇者公募）受付開始のお知らせ
https://t.co/5Zq04QSvGF

[トビ / KazuhiroTobita @0b1tk]

わかる。
待ち時間はないに越したことはないし、なくせるようにパフォーマンス改善に努めた上で、どう見せるかが鍵だよなぁ

> 最も良いローディング体験とは、即座にコンテンツが表示されユーザーがローディングを体験しないことです。

[akfm_sato(あっきー) @akfm_sato]

ローディング体験について大事にしてることを書きました
https://t.co/UISojCBiD2

[トビ / KazuhiroTobita @0b1tk]

Claude Designの進化を待つ or こちらからOOUI、IA、a11y、i18nなどの知識をAgentに提供する。
そしたら開発者全員が「うちのUIコンポーネントの使い方を完全理解してる腕利きのデザイナー」になりうる。
旧来のデザインシステムで苦労してきた社内浸透もローコストで実現できてむしろありがたい。

[トビ / KazuhiroTobita @0b1tk]

「誰がやっても開発が前に進む仕組み」を整えることが責務だと理解した。

そういう意味だと、AIが現時点で1歩及んでいないデザインやコーディングの “違和感”こそが価値なんじゃないかと思う。

[松本 勇気 (Yuki Matsumoto) | LayerX CTO @y_matsuwitter]

ソフトウェア開発における人の役割は変化している。これがHarnessと呼ばれ続けるのかは分からないが、Agentを設定することで成果物をメタに定義していく仕事になっている。
デザイナーはデザインを作るではなく、デザインを作るAgentを作る。
QA担当者はQAを実行するではなく、実装時の品質のガードレールを引き、検証をより高頻度に進めるAgentを作る。
セキュリティ担当者は、実装時のセキュリティ方針を定め、静的・動的にセキュリティを担保するためのAgentを設定していく。
テックリードは、自社のアーキテクチャや技術的方針を言語化しAgentを設定していく。
そして、Coding AgentとそのHarnessの上では、プロダクトマネージャやデザイナー、エンジニアの垣根なく「プロダクト開発者」となって、「正しいもの」について考え開発する事に責任を持つ職種が生まれる。沢山作るとはコモディティになる。正しいものを作れるプロダクト開発者であることが求められるだろう。

[トビ / KazuhiroTobita @0b1tk]

一方で、プロダクトデザイナーの仕事道具としてはリーンすぎる印象も受けた。

A, B, C案みたいな発散の方向性は、選択肢から拾えてかなり参考になりそうだけど、最終的なアウトプットはデザイナーの手が入った方がいいものできそう。

[トビ / KazuhiroTobita @0b1tk]

Claude Designが登場✨
「Figma Makeの上位互換だな〜」の所感。

特に魅力的なのは
・選択肢形式の質問から要件をデザインに落とし込める (AskQuestionTool)
・複数案を展開可能
・実装で管理するデザインシステム連携

0→10が得意なツールなので、特にPdMに重宝しそう。

[Claude @claudeai]

Introducing Claude Design by Anthropic Labs: make prototypes, slides, and one-pagers by talking to Claude.

Powered by Claude Opus 4.7, our most capable vision model. Available in research preview on the Pro, Max, Team, and Enterprise plans, rolling out throughout the day.

[Yasuhiro Yokota@タイミー @yktyshr]

【記事書いた】
日替わりAI活用発信企画をやってまして、秘伝のアレをだしました！
他社さんでも真似できるかもなお話を4/22にオンラインでしますのでこちらもよかったらどうぞ！
https://t.co/KgE03M4TNn