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
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | 01 Transform your UI Design Workflow with AI | 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 |
Comments
0 commentsSimilar courses
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
Build and Deploy a Lovable Clone
Sources: Code With Antonio
In this course, you will create an AI platform for generating applications from scratch. You will learn how to build fully functional full-stack applications...
10 hours 34 minutes 16 seconds
AI Engineering Bootcamp: Building AI Applications (LangChain, LLM APIs + more)
Sources: zerotomastery.io
This course is your practical path to a career as a generative AI engineer: not just using technologies, but creating them. First, you will enhance your skills.
18 hours 33 minutes 41 seconds
Full-Stack Project with Claude Code
Sources: Mckay Wrigley (takeoff)
In this workshop, participants step by step create an MVP clone of FigJam - a visual collaboration editor - using Claude Code, Opus 4, Cursor IDE, and...
1 hour 12 minutes 14 seconds
Want to join the conversation?
Sign in to comment