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

Model Context Protocol (MCP) 101

Model Context Protocol (MCP) 101

Sources: Mckay Wrigley (takeoff)
In this course, you will learn what Model Context Protocol (MCP) is, why it is important, and how to apply it in practice. We will cover the main principles...
2 hours 10 minutes 15 seconds
3D Browser Game Development with AI and Cursor

3D Browser Game Development with AI and Cursor

Sources: Kevin Kern (instructa.ai)
Hello everyone! Welcome to the course "Development of a 3D Browser Game with AI and Cursor". I'm glad to see you here! First, I want to tell you why we...
2 hours 7 minutes 55 seconds
MCP in Practice: The Future of AI Agents

MCP in Practice: The Future of AI Agents

Sources: newline (ex fullstack.io)
In this course, you will gain a comprehensive understanding of MCP - from key components and basic concepts to practical application examples. We will pay...
1 hour 10 minutes 6 seconds
Building LLMs for Production

Building LLMs for Production

Sources: Towards AI, Louis-François Bouchard
"Creating LLM for Production" is a practical guide spanning 470 pages (updated in October 2024), designed for developers and specialists...