Skip to main content

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

  • 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
  • AI Design with Ideogram

    AI Design with Ideogram

    Sources: designcode.io
    Meet Ideogram - an image generation tool powered by artificial intelligence that turns your ideas into stunning visuals. Whether...
    1 hour 3 minutes 49 seconds
  • Build an AI Chatbot with Vercel AI SDK & Gateway

    Build an AI Chatbot with Vercel AI SDK & Gateway

    Sources: Michael Guay
    Attend the workshop and create an AI chatbot using NestJS and Next.js. Learn how to integrate an AI interface into the application using Vercel AI SDK and...
    2 hours 21 minutes 35 seconds
  • 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
  • AI Evals For Engineers & PMs

    AI Evals For Engineers & PMs

    Sources: Hamel Husain, Shreya Shankar
    Learn proven methods for quickly improving AI applications. Build AI systems that perform better than competitors - beyond...
    29 hours 21 minutes 38 seconds