·figma-to-ids
*

figma-to-ids

Figma の設計プロパティと構造を IDS (Iress Design System) コンポーネント実装に変換します。このスキルは、AI エージェントが Figma 設計メタデータ (Figma MCP などのツールやエクスポートされた設計仕様から) を解釈し、正確な IDS コードを生成するのに役立ちます。

9インストール·2トレンド·@iress

インストール

$npx skills add https://github.com/iress/design-system --skill figma-to-ids

figma-to-ids のインストール方法

コマンドラインで figma-to-ids AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/iress/design-system --skill figma-to-ids
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: iress/design-system。

Translate Figma design properties and structures into IDS (Iress Design System) component implementations. This skill helps AI agents interpret Figma design metadata (from tools like Figma MCP or exported design specs) and produce accurate IDS code.

| Auto-layout (vertical) | IressStack | Default direction is vertical | | Auto-layout (horizontal) | IressInline | Horizontal flow with wrapping | | Auto-layout gap | gap prop | Map px to spacing token (see below) | | Auto-layout padding | p, px, py props | Map px to spacing token |

| Auto-layout alignment | horizontalAlign / verticalAlign | Maps to start, center, end | | Grid layout | IressRow + IressCol | Use span prop for column widths |

Figma の設計プロパティと構造を IDS (Iress Design System) コンポーネント実装に変換します。このスキルは、AI エージェントが Figma 設計メタデータ (Figma MCP などのツールやエクスポートされた設計仕様から) を解釈し、正確な IDS コードを生成するのに役立ちます。 ソース: iress/design-system。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/iress/design-system --skill figma-to-ids
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-03-10
更新日
2026-03-10

Browse more skills from iress/design-system

クイックアンサー

figma-to-ids とは?

Figma の設計プロパティと構造を IDS (Iress Design System) コンポーネント実装に変換します。このスキルは、AI エージェントが Figma 設計メタデータ (Figma MCP などのツールやエクスポートされた設計仕様から) を解釈し、正確な IDS コードを生成するのに役立ちます。 ソース: iress/design-system。

figma-to-ids のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/iress/design-system --skill figma-to-ids インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/iress/design-system

詳細

カテゴリ
*クリエイティブ
ソース
skills.sh
初回登録
2026-03-10