From the course: Create Your Dream Apps with Cursor and Claude AI
Unlock this course with a free trial
Join today to access over 24,800 courses taught by industry experts.
Figma to Claude AI to React project in Cursor
From the course: Create Your Dream Apps with Cursor and Claude AI
Figma to Claude AI to React project in Cursor
- [Instructor] A lot of people ask me, how do I make my UI look so good and why is it so sleek and different and more unique? So the answer to that question is context. Everything about AI is context. Now I think V0 is great, and I think Shadcn is great, but the problem that you're going to end up with is that you're going to have a website that it's going to start to look like most other websites because it's using a template and not a lot of people know how to prompt correctly and to keep its rating and making it more unique. So one solution to that is to have a better context and there's just no better way than to go directly to the design tool and find the UI kit that you want to use. So there are so many UI kits on the Figma ecosystem, including my own, which is Design Code UI. And essentially you can turn any of these into code by using the developer mode. So we're going to select this one for example. And here you can go to dev mode and there's a really neat plugin called Figma…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Intro to Claude AI and Artifacts7m 18s
-
(Locked)
Ideation and iteration5m 27s
-
(Locked)
User interface9m 51s
-
(Locked)
The art of prompting10m 55s
-
(Locked)
Intro to Cursor9m 28s
-
(Locked)
Publish your site4m 42s
-
(Locked)
Versions with GitHub and autopublish13m 13s
-
(Locked)
v0 chat and shadcn/UI10m 20s
-
(Locked)
Getting started with React: Next.js16m 31s
-
(Locked)
React project with Vite and Tailwind CSS19m 54s
-
(Locked)
Building a Next.js project with v0, shadcn/ui, and Cursor13m 30s
-
(Locked)
Figma to Claude AI to React project in Cursor19m 12s
-
(Locked)
Building a Next.js chat app with OpenAI API19m 54s
-
(Locked)
Reading code, logs, and troubleshooting27m 6s
-
(Locked)
Extensions, styling, and Vercel27m 21s
-
(Locked)
Markdown, streaming, and styling27m 33s
-
(Locked)
Exploring Claude 3.7 Sonnet and Claude Code8m 15s
-
(Locked)
Updating a Figma plugin with Claude Code30m 38s
-
(Locked)
GPT-4.514m 56s
-
(Locked)
Manus AI9m 20s
-
(Locked)
Create 3D models with Claude AI and BlenderMCP26m 37s
-
(Locked)
Create your first macOS app with Cursor and Xcode34m 25s
-