こぎそ

37.7K posts

こぎそ

@kgsi

デジタルプロダクトデザイナー / デザインとAI、ウェブ技術の情報発信多め / 採用・PR・広報 / コミュニティオーナー

@crossrel_commu

/

/ #KNOTS2026 主催 / ex: スタートアップ ← SmartHR / お仕事の依頼はDMまで

日本lumilinks.jp

Joined June 2008

1,640 Following

5,687 Followers

こぎそ’s posts

CSS Niteさん

に急遽お声がけいただき、2/23（月）15時からCSS Niteでお話しすることになりました！ Figmaが先日公開した「Claude Code to Figma」を公開当日に触って検証した内容をお伝えします。コードとデザインの双方向ワークフローについて、今後の可能性も交えてお話する予定です。

Quote

CSS Nite

@cssnite

1h

【緊急開催】2月23日（月）15:00-16:00 こぎそ（@kgsi）さんにお話しいただきます。 --- Figmaが2026年2月に公開した「Claude Code to

ベースのお話はこれです

Quote

こぎそ

@kgsi

Feb 18

Article cover image

Claude Code to Figmaのはじめかた

Figmaが2026年2月17日（現地時間）にClaude Code to...

作業パンクしそうだったので本格的に税理士さんに作業お願いしたら瞬殺であった、、AIは税務書類を税務署に提出してはくれないので、人間最高…(コストは当然相応

最近寝る前に使ってるプロンプトの体験が良い

> これから寝るので全部完成するまで、要件どおり実装しきって、実行テストまで終わらせておいて > 朝起きたらテストするので、ローカルサーバを起動してすぐに確認できるようにしておいて

無限に見れてしまうので時間が溶ける。アイデアもクリックして、チャットや提携指示をだしてさらに別の案が出せる。これ系、Dribbbleが本来やるべきだったんだろうけど、著作権の壁とかあるだろうから難しい。

Quote

こぎそ

@kgsi

2h

デザインの初期探索って、プロンプトを何回も書き直す作業になりがちなんだよな...と思ってたところに出会ったのが「Variant」アイデアを一言入れてスクロールするだけで、UIデザインのバリエーションが無限に生成される。プロンプト不要で「眺めながら考える」ができる。

0:32

そして、ナウなヤングはもうDribbbleを知らない説まである... dribbble.com

デザインの初期探索って、プロンプトを何回も書き直す作業になりがちなんだよな...と思ってたところに出会ったのが「Variant」アイデアを一言入れてスクロールするだけで、UIデザインのバリエーションが無限に生成される。プロンプト不要で「眺めながら考える」ができる。

0:01 / 0:37

サービスは

（生成は無限にできず、一定以上は課金が必要） variant.com/community

Who to follow

クラウド人事労務ソフト「SmartHR」に関わるひとが、だれでも・効率よく・迷わずに SmartHR らしい表現をするためのデザインシステムです。作業リポジトリを公開しています github.com/kufu/smarthr-d

DM 生きてます。最近はバドミントンをしています。

AIとUIデザインについて発信しています。Filmarksを運営する（株）つみきのリードデザイナー。UI考察、制作・開発事例： shingo2000.notion.site/Shingo-Suzuki-

紙飛行機のアニメーションと並行してGemini 3.1 Proと3.0 Proとで比較したパーティクルアニメーション。こちらはプロンプトを少し短くしたせいか、差がほぼわからない笑ある程度具体、的確な指示があった時に差が出るんだろう。

0:01 / 0:10

Quote

こぎそ

@kgsi

5h

Embedded video

0:08

新たにリリースされたGemini 3.1 Proと以前の3.0で SVGアニメーション生成を比較してみた。大きく異なるのはディテール、特に山や太陽の作りとかは3.1 Proの方が精度が高い。

プロンプト

``` Create an ultra-rich abstract SVG animation (356x356, seamless loop, no JS): Theme: "Launching into tomorrow" — geometric shapes flying forward through an infinite tunnel of color. Central: A glowing polygon that rotates and pulses while moving along a spiral

新たにリリースされたGemini 3.1 Proと以前の3.0で SVGアニメーション生成を比較してみた。大きく異なるのはディテール、特に山や太陽の作りとかは3.1 Proの方が精度が高い。

0:01 / 0:08

試したプロンプトは以下↓ ``` Create a single-file SVG animation with the following specifications: Canvas: 356x356px square, viewBox="0 0 800 800" Animation: Seamless infinite loop using only CSS animations and SVG <animate>/<animateTransform> elements. No JavaScript. Theme:

こぎそ reposted

Replying to

他にも坪田さんの記事に触発されたり、こぎそさんの記事を参考にやってみました。ありがたい。 x.com/tsubotax/statu

Quote

こぎそ

@kgsi

Feb 18

Article cover image

Claude Code to Figmaのはじめかた

Figmaが2026年2月17日（現地時間）にClaude Code to...

こぎそ reposted

イシジマミキ

昨日夜に投稿した記事、42kもの反響をいただけました。開発チームの少人数化や責任の非対称性など、自分なりの考察を盛り込んだ内容でしたのでとても嬉しいです！「プロダクトチームでデザイナーは本当に必要か？」というテーマについて、ぜひいろんな方のご意見を聞きたいです。

Quote

イシジマミキ

@mikiishijima

Feb 18

Article cover image

3人チームにデザイナーの椅子はあるのか？

今、プロダクトチームの人数はどんどん少なくなり始めています。プロダクトマネージャー（PM）、エンジニアは欠かせません。では、デザイナーは…？...

この後の工程もちょっと気になったりする #DSFigmaTokyo

プロンプトも最近では各AIツールで作らせてるなぁ。人間にフォーマッティングさせるよりもAIにやりたいことを伝えて書いてもらった方が確実 #DSFigmaTokyo

Make、アカウントの配布状況によるけど、精度一定高くビジネス層をデザインという基盤に巻き込みやすいのはそうなんだよな #DSFigmaTokyo

FigmaのCode Connectすごい、これ使ったことないからなんとも言えないが。精度が実際にこれなら使いたい組織多そう。 #DSFigmaTokyo

ビジネスプラン以上になりたい人生だった

もはやデザインシステムの基本の基、基盤をもとに拡張コレクションを使って全てのプロダクトに活用している。 #DSFigmaTokyo

デザインシステムを活用した構築フローにより開発速度が大きく改善した事例、2倍だぞ2倍 #DSFigmaTokyo

デザインシステムを始めるための説明責任、これが1番始める上で大事なことよね。 #DSFigmaTokyo

メルカリのProject Auroraのワークフロー #DSFigmaTokyo

Serendie MCPサーバーはここから参照可能で、リポジトリも今日公開済み、リアルタイム性が素晴らしい

serendie.design/get-started/ai #DSFigmaTokyo

AIエージェント

From serendie.design

Serendie Design SystemはTakramさんも関わって作ったシステムで、外部と組んでちゃんと組織の中で活用できてるのは素晴らしい事例だ

takram.com/ja/projects/se #DSFigmaTokyo

Open Graph Image

Serendie Design System | Takram

From takram.com

Serendie Design SystemのMCPサーバー！コードとの連携はやはり必須だなぁ。 #DSFigmaTokyo

UI KitはFigma Community にも公開されてます、この規模のシステムが一般公開されている事例は稀有かも。 figma.com/community/file

Quote

こぎそ

@kgsi

18h

三菱電機さんのデザインシステム！いつも参考にさせてもらってます

serendie.design #DSFigmaTokyo

三菱電機さんのデザインシステム！いつも参考にさせてもらってます

serendie.design #DSFigmaTokyo

Serendie Design System

From serendie.design

本家のClaude Code to Figma実演

キャンバス上のハンドオフで欲しかった機能だ、ルールと適合したサジェスションもしてくれるのは素敵じゃ #DSFigmaTokyo