スキル一覧に戻る

figma

NeverSight
更新日 6 days ago
10 閲覧
24
3
24
GitHubで表示
デザインdesign

について

このスキルは、Claudeが開発ワークフローから直接Figmaと連携し、UI/UXデザイン作業を行えるようにします。デザインファイルの作成・管理、デザインの閲覧、アセットのエクスポート、チームコラボレーションの処理が可能です。コンテキストを切り替えることなく、デザインと開発作業を橋渡しする必要がある場合にご利用ください。

クイックインストール

Claude Code

推奨
メイン
npx skills add NeverSight/skills_feed -a claude-code
プラグインコマンド代替
/plugin add https://github.com/NeverSight/skills_feed
Git クローン代替
git clone https://github.com/NeverSight/skills_feed.git ~/.claude/skills/figma

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

GitHub リポジトリ

NeverSight/skills_feed
パス: data/skills-md/andrejones92/canifi-life-os/figma
0
learn-skillsskills

関連スキル

pexels

デザイン

Pexelsスキルは、開発者がクリエイティブプロジェクト向けにロイヤリティフリーのストック写真や動画をプログラムで検索、ダウンロード、キュレーションできるようにします。このスキルはPexelsライブラリへの直接APIアクセスを提供し、帰属表示を必要とせずに高品質なビジュアルコンテンツを統合できます。アプリケーションで無料のストックメディアアセットを調達または管理する必要がある場合に、このスキルをご利用ください。

スキルを見る

adobe-illustrator-web

デザイン

このスキルは、ClaudeがAdobe IllustratorのWeb版を使用してベクターグラフィックを作成・編集できるようにします。ロゴ、アイコン、イラストレーションをClaudeを通じて直接作成するためのAI搭載デザインツールへのアクセスを提供します。開発者は、ワークフロー内でプログラム的にベクターグラフィックを生成または変更する必要がある場合にこれを利用できます。

スキルを見る

canva

デザイン

このスキルは、ClaudeがCanvaでグラフィック、プレゼンテーション、マーケティング資料などのビジュアルデザインを作成・編集できるようにします。様々なコンテンツタイプに対応し、テンプレートベースとカスタムデザインの両方のワークフローをサポートしています。開発者はクイックインストールで統合し、環境変数または手動のブラウザーログインを通じて認証を設定できます。

スキルを見る

framer

デザイン

このスキルにより、ClaudeはFramer上で直接ウェブサイトのデザインと公開が可能となり、インタラクティブなページの作成やプロジェクト管理を含む作業を行えます。サイト設定の構成や公開といったタスクを処理し、迅速なウェブプロトタイピングを必要とする開発者に有用です。セットアップにはFramerの認証情報が必要で、プライバシー保護のため手動入力またはブラウザーログインにより提供できます。

スキルを見る