こもりまさあき。フリーランス歴25年。手がけたWeb制作関連書籍は執筆/監修含め多数。最近はWeb制作業務におけるAIエージェント活用のあれこれを発信しつつ、Figma、TypeScirpt/React、Tailwind CSSなどの解説動画を販売。Unsplashの全投稿者で最も閲覧数の多い500人の中の1人でもある

Tokyo, JAPAN
Joined April 2007
Include

Only show posts containing:

Exclude

Hide posts containing:

Time range
-
Minimum likes
I’ve ported the Claude-version Figma integration skills to Muse. Just like the Claude version, this is a set of skills that allows you to edit Figma files via the Figma MCP. I’ve also included skills for requirements definition and rewriting, so currently, you can use the Figma MCP to perform everything from “Create New Page” to “Optimize” to “Rewrite”—as many times as you like—using Muse’s abundant tokens without using up your precious Figma AI credits. Starting tomorrow, I’ll be offering these as a bonus—or rather, a bonus feature—in both of the currently available skill packages: “KMRVID Claude Skills” and “KMRVID Figma Skills.” kmrvidskills.dev/en/ The discount code valid through tomorrow is mct2026.
63
Claude版のFigma連携スキルをMuseに移植しました。Claude版同様にFigma MCPを経由して、Figmaのファイル内を編集操作できるスキル群です。 要件定義のスキルとかリライトスキルもいれておいたので、現状はFigmaのMCP経由で「新規ページ作成〜最適化〜リライト」まで、大事なFigmaのAIクレジットを溶かさず、膨大なMuseのトークンを使って好きなだけ実行可能です。 販売中のスキルのパッケージ「KMRVID Claude Skills」「KMRVID Figma Skills」のどっちにも付録というかおまけとして明日から提供開始します。 kmrvidskills.dev/ 明日まで有効なディスカウントコードは mct2026 です。
1
3
265
救世主になる。
116
完璧すぎるでしょ…。やったー
46
tidy-up → tokenize → componentize → enhance と進みます。
1
56
Claude用のFigma連携系のスキルをMuseに移植して、実際に何の最適化もされてないFigmaのURLを渡して「figma-optimize」をMuseから実行しているところ。 FigmaのAIクレジットはまったく消費しません、どころかMuseのトークンなんて気にするレベルにすらないです(笑)。
1
122
ふふふ。マジ今のうちにClaude版かFigma版買っておいた方が良いと思うなー(棒)。
100
Claude版は画像生成できないから逃げ道としてUnsplashを使うようにしてるけど、Museは内部で画像生成できるからそっちで生成してさっきのフレームのプレースホルダーを入れ替えてみた。勝てる。 お分かりいただけるだろうか、次の展開を。
2
146
Museは億単位のトークンあるから、FigmaのAIクレジットを溶かさず、腐るほどの量のページ生成も編集操作も最適化もできんじゃない?(笑)
なーんの問題もなくMuseから「create-figma-page」の実行完了。今回は軽めにブリーフとかは渡さず、ECサイトで画像はプレースホルダーで作ってある。当然、Figma側のAIクレジットは消費しない。これでチャットついでにページの土台ぐらいは余裕で作れますね。1ページ作るぐらいなら5分もあれば終わる。 こちらのスキルが含まれているKMRVID Claude Skillsは、明日まではディスカウントコード「mct2026」が有効なので、チェックアウト時にコードを入れれば5,500円引きで購入可能です(日本語版/多言語版ともに)。 kmrvidskills.dev/claude/
113
なーんの問題もなくMuseから「create-figma-page」の実行完了。今回は軽めにブリーフとかは渡さず、ECサイトで画像はプレースホルダーで作ってある。当然、Figma側のAIクレジットは消費しない。これでチャットついでにページの土台ぐらいは余裕で作れますね。1ページ作るぐらいなら5分もあれば終わる。 こちらのスキルが含まれているKMRVID Claude Skillsは、明日まではディスカウントコード「mct2026」が有効なので、チェックアウト時にコードを入れれば5,500円引きで購入可能です(日本語版/多言語版ともに)。 kmrvidskills.dev/claude/
1
244
こんな感じで使いたければ移植すれば良いだけなので、スキル作るのが面倒な人は買った方が早い。 さっきのキャプチャにもあるように、Figmaの編集操作をエージェントがおこなうと起こりがちな問題は事前に回避するとか対応方法まで組み込んであるから、実は良くできているんです(自分で言うけど)
1
114
今回は読み取りだけだけど、30個はMCPのツール使えるから編集も問題なくできるだろうな。昨日公開した「create-figma-page」とか。Museと会話してるついでにFigmaでページできてる、みたいな。
108
MuseにClaude版の「figma-audit」スキルを渡してMuseに最適化してもらって、FigmaのノードがAIレディかどうかのチェックさせてみた。何の問題もない。
MuseとFigmaも繋げておいた。MCP経由でいじれる。文字直しとかチャットのついでにw
1
159
Replying to @hiyococoro
そうなりますね。FigmaのノードURLとかは要るかもしれないけど、何処にいても何してても思いついたときに「あれやっといて」みたいな感じがいけそうですね(良いのか悪いのか)
1
17
Cloudflareへの移行第2弾。途中まで終了。サイトの静的化とか一瞬で終わったな(Astroへ)
1
161
Replying to @hiyococoro
Figmaのコネクタ追加されたみたいで、繫げばあれこれできますね。何ならMuseもスキルを使えるので今使ってるスキルを渡せばいろいろできるかもです。
1
1
36
MuseとFigmaも繋げておいた。MCP経由でいじれる。文字直しとかチャットのついでにw
1
1
2
467
Figma版に入ってない「cognitive-ui-design」を単体で必要とされる方は、Claude版はお高くなるのでこちらで単体購入してもらうと、手元のFigmaの生成系スキルが機能強化されます(ガイドラインとして単に参照させることもできます)。Figmaのエージェントに追加してください agensi.io/skills/escape-ai-s…
1
75
要件定義をする「brief-me」、コンパニオンスキルとして裏で自動的に使われる視線誘導トポロジーと認知バイアス対策、定番レイアウト・無難な配色への安易な依存を崩すガイドラインである「cognitive-ui-design」スキルがセットになったバンドルも追加しました。 agensi.io/bundles/figma-page…
パッケージ版に追加した「Create Figma Page」を、単品でも買えるように Agensi.io にて公開しました。 ブリーフからFigmaのキャンバスに直接ページを作るスキルです。構造の違うレイアウトを複数パターン並べて比較することもできます。手元のテストではFigmaのAIクレジット残高は減りませんでした。 Create Figma Page, which I added to the package earlier, is now also available on Agensi as a standalone skill. It builds a page straight onto the Figma canvas from a brief, or several structurally different layouts side by side to compare. In my test runs the Figma AI credit balance did not change. agensi.io/skills/create-figm… kmrvidskills.dev/claude/
1
122