Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

【初心者OK・無料】ゼロから学ぶ!Cursor x FigmaMCPの接続方法と自動コーディング

Автор: よしお@Udemy講師・Web制作フリーランス

Загружено: 2025-07-13

Просмотров: 3573

Описание:

🔻動画で記述しているjsonはこちらからコピペどうぞ
https://wiggly-eel-550.notion.site/Yo...

🔻今回つかったFigma
https://www.figma.com/community/file/...

🔻WordPressを学べる初心者向けの無料コミュニティ
  / discord  


00:00 はじめに
00:37 【設定①】Figmaで個人アクセストークンを発行
02:27 【設定②】CursorとFigmaを接続する (mcp.json)
05:52 【実践①】Figmaのデザインを読み込む
07:41 【トラブルシューティング】読み込みに失敗する場合の対処法
09:07 【実践②】AIにHTML/CSSで実装させる
12:13 【実践③】生成されたコードのバグを確認
12:55 【実践④】AIにバグの原因分析と修正を指示
14:41 修正後のコードを確認・評価
16:53 まとめ
17:13 お知らせ:運営コミュニティのご紹介

【初心者OK・無料】ゼロから学ぶ!Cursor x FigmaMCPの接続方法と自動コーディング

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Figmaの基本(Figma Basics 日本語版)をさわってみよう-2024年新UIバージョン

Figmaの基本(Figma Basics 日本語版)をさわってみよう-2024年新UIバージョン

【Cursor入門】初心者OK!AIを使ってアプリ開発する方法を全て解説します ~AI駆動開発入門~

【Cursor入門】初心者OK!AIを使ってアプリ開発する方法を全て解説します ~AI駆動開発入門~

Что такое сервер Figma MCP?

Что такое сервер Figma MCP?

Figma MCPとCursorで時短で実装するAI駆動のコーディング術を紹介

Figma MCPとCursorで時短で実装するAI駆動のコーディング術を紹介

【Figma × DevModeMCP】Webデザイナー必見!AIがコードを自動生成

【Figma × DevModeMCP】Webデザイナー必見!AIがコードを自動生成

Использование сервера Figma MCP с курсором

Использование сервера Figma MCP с курсором

Спросил владельцев дорогих авто, чем они занимаются

Спросил владельцев дорогих авто, чем они занимаются

ПЕРЕСТАНЬ ПЛАТИТЬ за Cursor AI. Используй эту БЕСПЛАТНУЮ и ЛОКАЛЬНУЮ альтернативу | VSCode+Roo Code

ПЕРЕСТАНЬ ПЛАТИТЬ за Cursor AI. Используй эту БЕСПЛАТНУЮ и ЛОКАЛЬНУЮ альтернативу | VSCode+Roo Code

Решаю ТЕСТОВОЕ ЗАДАНИЕ JUNIOR Backend Разработчика на Python

Решаю ТЕСТОВОЕ ЗАДАНИЕ JUNIOR Backend Разработчика на Python

【2024年最新版】初心者向け!Figmaの基本機能と便利な使い方を解説【Webデザイン】

【2024年最新版】初心者向け!Figmaの基本機能と便利な使い方を解説【Webデザイン】

Забудь VS Code — Вот Почему Все Переходят на Cursor AI

Забудь VS Code — Вот Почему Все Переходят на Cursor AI

GEMINI 3 от GOOGLE САМЫЙ ДОЛГОЖДАННЫЙ ВЫПУСК ГОДА

GEMINI 3 от GOOGLE САМЫЙ ДОЛГОЖДАННЫЙ ВЫПУСК ГОДА

Куда исчезает ёмкость MLCC? Эффект DC-Bias и старение керамики X7R

Куда исчезает ёмкость MLCC? Эффект DC-Bias и старение керамики X7R

MCP|ちゃんと理解したい初心者のための「MCP(Model Context Protocol)」解説【AIトレンドワード】【初心者向け】

MCP|ちゃんと理解したい初心者のための「MCP(Model Context Protocol)」解説【AIトレンドワード】【初心者向け】

【Figma Make徹底解説】非デザイナーでも爆速でプロ級UIデザイン&モックアップを作る3つのコツ

【Figma Make徹底解説】非デザイナーでも爆速でプロ級UIデザイン&モックアップを作る3つのコツ

【非エンジニアのCursor活用術】超必見!話題のAIコードエディタを徹底解剖!年商30億円CEOが最近ハマっているAI系YouTube「ジェネトピ」コンビが活用例まで解説!

【非エンジニアのCursor活用術】超必見!話題のAIコードエディタを徹底解剖!年商30億円CEOが最近ハマっているAI系YouTube「ジェネトピ」コンビが活用例まで解説!

【30分 完全理解】Figmaオートレイアウトの使い方【サルでもわかる入門編】

【30分 完全理解】Figmaオートレイアウトの使い方【サルでもわかる入門編】

#2【2025最新】初心者向け講座 Figmaボタンの基礎「WEBデザインツール」

#2【2025最新】初心者向け講座 Figmaボタンの基礎「WEBデザインツール」

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

Claude Code: полный гайд по AI-кодингу (хаки, техники и секреты)

【混戦】次世代AIエディタ「Cursor」と現王者「VSCode」の戦いを解説【通信ブロック?】

【混戦】次世代AIエディタ「Cursor」と現王者「VSCode」の戦いを解説【通信ブロック?】

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]