Figma版のスキルだけにあったものをClaude版に移植して、最適化処理の連続実行スキルを走らせる。元はオートレイアウトも設定されてないFigmaのフレーム。
This is a design post classified by Jev as Figma & design systems (a tutorial), kept by the Design Radar because it carries real work, not commentary.
Figma版のスキルだけにあったものをClaude版に移植して、最適化処理の連続実行スキルを走らせる。元はオートレイアウトも設定されてないFigmaのフレーム。 1. figma-tidy-up で全面オートレイアウト化（Hero部分の意図的な絶対配置以外） 2. figma-layer-rename は必要ないのでスキップ 3. figma-tokenize で色やサイズの変数化、テキストのローカルスタイル化とそれぞれ使用箇所へのバインド 4. figma-componentize で複数回使用されている要素を洗い出してコンポーネント化してインスタンスに置き換え。ヘッダとフッタは繰り返しではないけどコンポーネント化。ボタンはバリアント提案を受けて、サイズのバリアント追加 5. figma-enhance で前のステップでバインド漏れしていた箇所へのバインドし直し、ボタンコンポーネントへのコンポーネントプロパティの追加 以上、5ステップを figma-optimize で選択連続実行（各ステップで実行確認が入る）。 約20分でFigma側のフレーム内のデータに視覚的な崩れなどなく完璧に終了。
Posted by komori, masaaki (2.6k followers) 2 days ago · 0 likes · 436 views · view the original post on X. Kept by the Design Radar as Figma & design systems.
More design work like this
- Arc Studio — — @jdomito_
- いいね！してくれてる人も使ってくれてる人も増えてきたなぁ。ありがとう、ありがとう。 — @cipher
- My best performing figma plugin — @dev_bime
- Everything a solid design system needs, in one guide. 📘 — @TheDoctorLogos
- Your customers speak more than only English. Now your campaigns, storefront, and product… — @NaGringaEhAssim
- 昨日は思いつきでYouTubeのライブ配信をしてみました。Figma版のみで提供していたFigmaの最適化スキルのいくつかをClaude… — @cipher
- Day 14 🚀 — @KennethNjoku0
- One-Click Color Fill — @TheDoctorLogos
Every post is read and classified by Jev (TypeSafe): what it is, which market it belongs to, and whether the link is a real tool. 4k posts from 1.4k X accounts over the last 21 days, 316 tools, 17 markets. Collected every 5 minutes, fully re-ranked every hour — last update 2026-09-19 02:08 UTC. Full method.