Takuji Ikeda

Kufu Company / / Design&Life inc. / 多摩美術大学 非常勤講師 / 『縁の下のUIデザイン』発売中 ♪

[Takuji Ikeda @tikeda]

なんと... WEB+DB PRESSで連載していた『縁の下のUIデザイン』が技術評論社さんから書籍化され来月発売予定です！新たに多数?の記事を追加、連載記事も一通り見直しました。ネットサービスの開発者や事業に関わる方はもちろん、いろんな人に気軽に読んでもられると嬉しいです
https://t.co/Q8s2VVolPU

[田中 裕一 TANAKA Yuichi @yuichitanaca]

＼ MoD #デザインの学び舎 第五期 開講決定🎓／

「基礎と実践の徹底」から成り立つ本質的なデザインの学びを通じて、AIと共創する今とこれからの時代に、より大切になる「創造力」を開き・育む事が出来るMoD。
お陰様で第五期の開講が決まりました☀️

https://t.co/VkkuSI5bDC

先日第四期の皆さまも修了し、モノづくりの力はもちろん、創造性というケイパビリティをそれぞれ身体知として確立され、「それぞれのこれからのしごとや価値づくりが凄いことになりそう…」と、講師をはじめ、関わった全員が感動しました…！

今回も「教育と実践の両輪」で一線を走り続け、MoDという一つの学びの場を改善しながら一緒に育て続けて下さっている講師の遠藤さん（ @Endo0226 ）、池田さん（@tikeda ）、倉光さん（@transitkix ）、nobuoさん（@nobgraphica ）のチームで皆さまをお迎えいたします🙌

「ひとまず話を聞いてみたい」で説明会のお申し込み、もしくは私にメッセージを頂くでも大丈夫ですので、ぜひお気軽にご連絡くださいませ🤝

[Takuji Ikeda @tikeda]

Oink Games TOKYO 行ってきました

[Takuji Ikeda @tikeda]

自分のことを調教したAIにスマホ写真から連想して勝手に日記を書いてもらうようにした。自分も彼くらい適当なことを書けるようになりたい

[Takuji Ikeda @tikeda]

以下の内容がよろしいかどうか判断できない画面でました！

[Takuji Ikeda @tikeda]

Pencilに、外部jsをオブジェクトとして扱える機能が実装された。js側にshemaを書いておけばpencil内のプロパティとしてGUIでデザイン編集が可能になる。
どーどもいいけど、Agent Nameをカスタマイズして神々を召喚する遊びをやっている。今日はJony Iveってエージェントだ！
https://t.co/Pkpf16R7xt

[Takuji Ikeda @tikeda]

今日致命的な忘れ物をして冷や汗かいたので、対策の相談してるだけなのに、いちいちUI設計に紐づけてくるやつ…

[Kaz Motoyama/Spinners Inc. @kudakurage]

ClaudeやCodexとiOSアプリを開発して、勉強しようなどとは1ミリも思っていなかったけど、結果的にいろいろと学べてよかった🍺
https://t.co/KZQj2pILjv

[Takuji Ikeda @tikeda]

遠藤さんや田中さんらとご一緒させていただいているMoDが記事になっています。いわゆる職業訓練的な小手先なデザインテクニックとは違う、理論と実践のバランスが考えられた恒久的なプログラムがいいなって思ってます。よろしければ！
https://t.co/vatTXYpc1H

[MoD｜社会人のためのデザインの学び舎 @MoD__jp]

日経クロストレンドさん@NIKKEIxTRENDに、MoDを紹介していただきました！

📚デザイン×ビジネス越境スキル
「実践と論理」行き来する社会人向けデザイン塾
AI時代に創造力拡張
https://t.co/WwTplUWFcr

MoD第5期生も募集開始しておりますので、ご興味をお持ちいただけましたらぜひお申し込みください。
説明会も毎月開催しています！
詳細・申込先はこちら👉 https://t.co/hBZaw76ysv

[Takuji Ikeda @tikeda]

> PdMとの協働が難しくなった

なんとなく分かるけど、意思がどこに入ってて、どこをAIが適当にやってて、どーしたいのか、読み解きコストが高くて辛い…という経験を自分もして？なー。こういうの別のパイプでも増えてそーだ。なのでSkillsやMake KitやDESIGN.mdなんだろうけど…

[dyson / 本の要約サービスflier🪄📘 @web_tsutsui]

📣Figmaイベントレポート公開📣

カヤック、ルート、つみき、フライヤーのデザイナーとスペシャルゲストFigmaの谷さんで、AI時代のデザインワークフローについて話しました！

▼こちらからご覧ください
https://t.co/BVZsdpgHba @shingo2000 @kayac_design @s_i_280 @hiloki @fof_shonan #fof_shonan

[Takuji Ikeda @tikeda]

プラグインを使って似たようなことをやっていたけど、GUIに縛られないので、仕様やデザインのカスタムを柔軟に利用者側でよしなにやれるのがよい

[Takuji Ikeda @tikeda]

Claude Code + Figma remote MCPで、csvなどの数値データを元にFigmaで作ったグラフテンプレに流し込んで可視化するSkillを作った。

デザイン済みのチャートをそのまま使い回せる。csvとfigファイルのサンプルもrepositoryに置いといたのでお試しできます

https://t.co/mTMAzBK2Lt

[Takuji Ikeda @tikeda]

めちゃ実用的なやつだ！

[Figma @figma]

Make Kits, rolling out today

→ Build and teach Make your design system
→ Ground your prototype in your project work with Make attachments

[Takuji Ikeda @tikeda]

@hiloki @kenshir0f ありがとうございます！！！

[Takuji Ikeda @tikeda]

@hiloki @kenshir0f Remoteで扱えるフォントじゃないと（例えば自分でインストールしたlocalにあるフォントを指定しているText）、文章の変更等、文字編集の操作はできないと思っているので解決策があれば知りたいです！

[Takuji Ikeda @tikeda]

Text の一斉書き換えをしようとしたら、Remote MCPだから特殊なローカルフォントはできないとなってしまった... 無念です

[Takuji Ikeda @tikeda]

おお、使ってみよう！

[Figma @figma]

Now you can use AI agents to design directly on the Figma canvas, with our new use_figma MCP tool and skills to teach them. Open beta starts today.

[Takuji Ikeda @tikeda]

Variablesの読み書きも可能そう
https://t.co/uGMaJOEN4s

[Takuji Ikeda @tikeda]

ちなみにSkillは2つあって、design-extractionのオプションであるdesign-variantsで指定画面のパターン（ユーザーロール、エラーなどのステート、機能の出し訳）を一覧で返した後に再現してくれる。分岐の多い複雑な画面をデザインデータとして運用するより都度Codeから抽出し考える方がいい気がしてる

[Takuji Ikeda @tikeda]

Claude Code + Pencil MCPで、コードからデザイン構造を“逆生成”するSkillを作ってみた。
UI再構築＋Design Token / Component Libraryのカタログまで抽出し不足分の提案。
Cord Firstで作ったものも、あとから“ちゃんとデザインとして扱える”ようにすることが主目的
https://t.co/vWGvkldyqf