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

Build a Reasoning Model (From Scratch)

Build a Reasoning Model (From Scratch)

Sources: Sebastian Raschka
Understand how LLMs reason by creating your own reasoning model from scratch. In the book "Building a Reasoning Model from Scratch," you will step by step...
AI Agents Bootcamp: Zero to Mastery

AI Agents Bootcamp: Zero to Mastery

Sources: zerotomastery.io
This is not a course about "clever prompts" - it's a course about building real AI systems that actually get the job done. You will go beyond simple chatbots...
6 hours 55 minutes 29 seconds
Learn how to use MCP (Model Context Protocol)

Learn how to use MCP (Model Context Protocol)

Sources: Kevin Kern (instructa.ai)
The course is dedicated to mastering the Model Context Protocol (MCP) - an open standard developed by Anthropic for connecting large language models (LLM)...
3 hours 10 minutes 2 seconds
Build a React Native app with Claude AI

Build a React Native app with Claude AI

Sources: designcode.io
This comprehensive course is dedicated to integrating advanced AI tools into the workflow of development in React Native, which allows for a radical change in a
13 hours 53 minutes 10 seconds