Language: German

Designing with AI: from prompt to finished design with Claude

AI & Trends · 23 Videos · 2.6 h Video training · German Tobias Becker by Tobias Becker

In this course, you'll learn how to use Claude Design to turn simple descriptions into real, interactive designs – from landing pages and app interfaces to presentations and social media graphics. You'll understand how to write strong design prompts, use reference images, and shape your results to look professional and consistent. Step by step, you'll build complete designs in real hands-on projects and learn the efficient workflows that let you confidently carry out even larger projects.

By the end of the course, you will independently create professional designs with Claude Design – from the first idea to the finished, shareable result. You will know the best practices, avoid typical mistakes, and integrate the tool efficiently into your workflow.

content

23 Videos, 156 minutes

1 Video · 1 minute
01 Open

Claude Design: Intro

1 min

You get an overview of the course, the project, and what to expect. You'll learn why Claude Design is a new way of designing and who it is intended for.

5 Videos · 33 minutes
02 Open

Claude Design: 1.1 What is Claude Design and what can it do?

7 min

You'll learn what Claude Design is: an AI tool from Anthropic that generates real, interactive designs as code from your description. You'll understand what it's suited for, from landing pages and presentations to app interfaces.

03 Open

Claude Design: 1.2 Understanding the Interface in a Few Minutes

7 min

You'll get to know the split interface: the chat on the left, the live canvas with your design on the right. You'll understand how the design workflow between describing and seeing works.

04 Open

Claude Design: 1.3 Create Your First Strong Design Live

9 min

You create your first design directly from a description and see how quickly a single sentence turns into a finished layout. You learn how to phrase things clearly so that the result is convincing.

05 Open

Claude Design: 1.3.1 Edits & Tweaks for your Claude Design

6 min

You refine your design through chat, inline comments, and direct editing on the canvas. You learn how to change individual elements in a targeted way without regenerating everything.

06 Open

Claude Design: 1.4 Why Claude Works Differently Than Classic AI Tools

4 min

You understand the crucial difference: Claude generates real code instead of a rigid image and asks follow-up questions when the requirements are unclear. This makes the results more precise and easier to customize.

3 Videos · 18 minutes
07 Open

Claude Design: 2.1 Design prompts are different & structure

6 min

You'll learn how design prompts differ from normal prompts and how to structure them effectively. You'll find out what information Claude needs in order to deliver a strong design.

08 Open

Claude Design: 2.2 Using Reference Images Correctly

7 min

You'll learn how to use screenshots, mockups, or examples as references so that your design heads in the right direction. You'll understand how Claude interprets visual templates.

09 Open

Claude Design: 2.3 Deliberately Controlling Style and Aesthetics

5 min

You learn to deliberately control style, mood, and aesthetics through language. You practice reliably achieving a desired look and feel using concrete terms.

3 Videos · 15 minutes
10 Open

Claude Design: 3.1 Why Many AI Designs Look Amateurish

9 min

You recognize the typical characteristics that make AI designs look unprofessional. You learn what to look out for in order to avoid these pitfalls.

11 Open

Claude Design: 3.2 Spacing, Typography and Clarity

2 min

You'll learn the three most important levers for professional design: spacing, typography, and visual clarity. You'll understand how to request these deliberately via prompt.

12 Open

Claude Design: 3.3 Good vs. Bad Design Decisions Compared Live

4 min

You directly compare good and bad design decisions using real examples. This sharpens your eye for what really makes a design professional.

4 Videos · 30 minutes
13 Open

Claude Design: 4.1 Structure and Layout of Modern Landing Pages

5 min

You will get to know the typical structure of modern landing pages: Hero, Features, Social Proof, Call-to-Action. You will understand why this order works.

14 Open

Claude Design: 4.2 Dress Rehearsal: Generating Hero, Features, CTA, and Sections

11 min

You create the individual building blocks of a landing page step by step. This way you get a feel for how to target each section precisely.

15 Open

Claude Design: 4.3 Building a complete landing page live

9 min

You'll build a complete landing page from start to finish, live, with Claude Design. You'll apply everything you've learned about prompts, structure, and style.

16 Open

Claude Design: 4.4 Iterations and Improvements in Real Time

5 min

You improve your landing page over several rounds directly in conversation with Claude. You learn how to iterate in a targeted way instead of starting over from scratch.

3 Videos · 25 minutes
17 Open

Claude Design: 5.1 Creating Modern App Interfaces

8 min

You are creating a modern app interface with Claude Design. You will learn how to describe screens, navigation, and components.

18 Open

Claude Design: 5.2 Creating a Business Presentation

11 min

You build a professional presentation and export it as PowerPoint or to Canva. You learn how to quickly turn an outline into a cohesive deck.

19 Open

Claude Design: 5.3 Creating Social Media Assets and Creatives

6 min

You create social media graphics and campaign visuals. You learn to create different formats and variants efficiently.

4 Videos · 33 minutes
20 Open

Claude Design: 6.1 Creating a Simple Design System

13 min

You will learn how Claude Design builds a design system from your specifications so that all designs remain consistent. You will understand how brand colors, fonts, and components are reused consistently.

21 Open

Claude Design: 6.2 Sharing & Downloading

4 min

You'll get to know the export and sharing options: internal links, PDF, PPTX, HTML, Canva handover, and the handoff to Claude Code. You'll choose the right format for your purpose.

22 Open

Claude Design: 6.3 Common Mistakes with Claude Design

6 min

You will learn about the most common mistakes and pitfalls and how to avoid them. You will also understand the current limitations of the tool as a Research Preview.

23 Open

Claude Design: 6.4 Efficient Workflows for Larger Projects

10 min

You'll learn how to structure larger projects sensibly and work efficiently. You'll understand how to keep an eye on your usage limit and how to integrate Claude Design sensibly into your workflow.

Comments (0)

Comment now „Designing with AI: from prompt to finished design with Claude“