Design and Code User Interfaces with Galileo and Claude AI

3h 42m 41s
English
Paid

Course description

In this course, you will learn how to use AI tools to speed up and simplify UI/UX design processes. We will start with Galileo AI to quickly create basic mockups, which will serve as a solid foundation for your ideas. Then, we will refine the design in Figma, adapting it to your style. Finally, using Claude AI, we will transform the mockups into working code without the need for classical prototyping.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 27 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 01 Transform your UI Design Workflow with AI

All Course Lessons (27)

#Lesson TitleDurationAccess
1
01 Transform your UI Design Workflow with AI Demo
02:04
2
02 Generate UI Design with Galileo AI
13:04
3
03-Customize-Design-with-Figma
11:04
4
04 Generate images with Ideogram
10:10
5
05 Create Responsive Task Cards in Figma
08:02
6
06 Mastering Responsive Layouts
09:08
7
07 Complexe Layouts and Constraints
10:04
8
08 Figma New UI3
09:28
9
09 Components Properties
09:29
10
10-Introduction-to-Claude-AI
07:51
11
11 Functional Design with Claude AI
08:46
12
12 Publishing an Artifact
01:58
13
13 Build Your Project Knowledge
08:38
14
14 Build the entire project
12:42
15
15 Introduction to v0 Vercel
03:14
16
16 Create Second Artifacts
06:16
17
17 Combine Artifacts and Create Interaction
06:02
18
18 Designing a New Event Modal
10:04
19
19 Ignore Auto Layout and Constraints
08:42
20
20 Building the Schedule page
08:44
21
21-Tailwind-CSS
09:35
22
22 Tailwind's Configuration
10:05
23
23 Interactive Event Modal
09:52
24
24 Connecting Calendar Schedule to Event Modal
06:29
25
25 Interactive Animations with Claude AI
09:54
26
26 Search Field Animations
09:37
27
27 Conclusion
01:39

Unlock unlimited learning

Get instant access to all 26 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Learn MCP (Model Context Protocol)

Learn MCP (Model Context Protocol)

Sources: zerotomastery.io
If you are interested in AI that doesn't just talk but actually does something, this compact course is for you. Get ready to dive into the Model Context...
1 hour 7 minutes 34 seconds
Elite AI Assisted Coding

Elite AI Assisted Coding

Sources: Isaac Flath, Eleanor Berger
Master the personalization of AI tools to enhance coding efficiency. Learn to apply AI for development, automation, and process optimization.
19 hours 27 minutes 48 seconds
Build a Simple Neural Network & Learn Backpropagation

Build a Simple Neural Network & Learn Backpropagation

Sources: zerotomastery.io
Learn backpropagation and gradient descent by writing a simple neural network from scratch in Python - without libraries, just the basics. Ideal...
4 hours 34 minutes 9 seconds
5 Levels of Agents - Coding Agents

5 Levels of Agents - Coding Agents

Sources: Mckay Wrigley (takeoff)
This course teaches the creation of intelligent coding agents by going through five levels of complexity. You will learn to develop agents for review and...
5 hours 4 minutes 36 seconds
Master the Model Context Protocol (MCP)

Master the Model Context Protocol (MCP)

Sources: Kent C. Dodds
The most interesting thing in software right now is MCP. It's a protocol that turns applications into smart conversational partners: instead of clicking...
7 hours 23 minutes 25 seconds