Design changes with Claude Design

Design changes with Claude Design | Sugiyama Nobutsugu

1. What is happening at the production site?

AI is starting to enter the design field、The feeling on the ground is changing.。
Especially with the emergence of ideas like "Claude Design"、

  • Design is made by hand
  • The rough sketch is something you draw yourself.

The premise that。

But on the other hand、

  • I don't know how to use it in a real project.
  • I'm worried that the quality will be affected
  • The role of the designer becomes unclear

These conditions are occurring at the same time。

as a result、There are many situations where people say, ``I'm using it, but I'm not incorporating it into my work.''。


2. Why is there so much confusion?

The reason is clear。
This is because we understand Claude Design as “output generation”.。

If this goes wrong、

  • Will AI replace design?
  • Will designers become unnecessary?

The story ends up being。

actually not、
Claude Design deals with
“Pre-design process” = design part。

here once、I will make important arrangements。


Concept and “design” are different layers

you are writing
“Pre-design process” = design part
This is different from what is commonly referred to as a "concept".。

This is what it looks like when organized。


■ Concept (area decided by people)

  • what to convey
  • Who should you direct it to?
  • What kind of impression and value do you create?

In other words, direction, meaning, and intention.。

Case:

  • give a sense of luxury
  • Make it casual for younger people
  • Demonstrate trustworthiness

This involves judgment and responsibility.、This is an area where people decide。


■ Design (area handled by Claude Design)

  • Information layout structure
  • How to put together a layout
  • sight induction
  • Element priority

This is the structural design of how it will look。

Case:

  • what to put in first view
  • Where to place your CTAs
  • Should it be a grid?、Should it be a story type?

The relationship is like this

In order、

Concept → Design → Visual production

です。


Why is this confused?

Conventionally、

  • Draw a rough sketch while thinking about the concept
  • Decide on the structure while drawing the rough sketches

That was the way to proceed.、
Everything was integrated as a “design.”。

that's why、

  • concept
  • design
  • appearance

was separated and not recognized。


What Claude Design does

Claude Design is one of these
Made it possible to isolate and handle only “design”
That is the essence。


Practical decision points

It's easy to understand if you think about it this way.。

  • The concept is vague → No matter what you make, it will be off.
  • The design is ambiguous → The presentation is blurry

In other words、

Concept is the cause of misalignment、Design is a matter of transmission accuracy。


Summary (main points of this chapter)

  • Concept = “What to convey?”
  • Design = “How to show it”

Claude Design deals with the latter.。

It depends on whether you can think about this separately.、
Will AI end with “useful tools”?、Can it be incorporated into the production process?
is determined。


3. Changes occurring in production practices

Here is the biggest change。

“Design = drawing” is no longer the term。

in particular、This is the rough design process.。

Rough so far、

  • draw by hand
  • Assemble with Illustrator or Figma

in such a way、Until now, this was a process that had no choice but to be produced.。

That is now、

  • layout structure
  • Information priority
  • UI pattern

Define these in language、
Can be output as multiple patterns。

In other words、

Roughs have become “design data” rather than “products”.。


How will design work change?

Due to this change、This is how practice changes。

① Initial proposals become faster

Previously, it took time to create one or two rough drafts.。

now、

  • Plan A:Simple configuration
  • Case B:Pay attention to the amount of information
  • Case C:Visual priority

multiple directions such as、You can consider them side by side in a short time.。


② The granularity of corrections changes

Until now、

"A little more refreshing"
“I want to create a sense of luxury.”

There were many abstract corrections such as。

In Claude Design's way of proceeding、

  • Increase the amount of blank space
  • Split information blocks
  • Make the line of sight guide Z-shaped from above

such asStructure level modificationsbecomes。


③ Designer's working position will be raised

Less time to move your hands、

  • Directional design
  • judgment
  • Verbalization of intention

time will be spent on。

This is not just about efficiency、
The position of the role has changedThat's the story。


4. Examples (forms that even those with no design experience can understand)

EC site top page

Conventionally、

  1. hand drawn rough
  2. design creation
  3. correction

That's how it went。

now、

  • “What should we convey in the first view?”
  • “How to design product leads”

organized by language、

  • hero type
  • grid type
  • story type

You can generate multiple structural patterns such as。

What's important here is、

It is possible to compare based on “differences in structure” rather than appearance.。


Banner production

Same goes for the banner。

Until now, all I had to do was create、

  • copy placement
  • visual ratio
  • button position

This is the part。

Currently、

  • intelligence priority
  • Visually driven
  • CTA emphasis

First come up with a design pattern such as、
After that, the flow of visual production will be established.。


Presentation materials

Material design will also change。

Previously, the focus was on ``arranging it for easy viewing'', but、

  • information flow
  • Role of slides
  • story structure

The shape will be designed and then created.。

In other words、

Design = not appearance adjustment、It becomes information design.。


5. Division of roles between human production and AI

If this is vague, it will fail.。

Claude Design is responsible for、

  • Generate layout structure
  • pattern development
  • Verbalization of design

です。

on the other hand、It is clear that people should be responsible。

  • Concept design (what to convey)
  • target understanding
  • brand integrity
  • Responsible for final output

What is especially important is、

**The point is that ``people are the ones who judge whether the structure is good or not.''**。

No matter how many patterns appear、

  • Is it on brand?
  • Does the intention get conveyed?

only people can decide。


6. summary:What should designers consider?

What changes depending on Claude Design、

**“Where do you start designing?”**。

Conventional
→ Think while making with your hands

right now
→ Decide on the structure and then create it

This difference is big。

The decision-making axis in practice is simple.。


Areas using Claude Design

  • rough design
  • Structural finishing
  • pattern comparison

area that people do

  • Concept decision
  • brand judgment
  • final performance

And the important thing is、

“How much of the design can be done before making it?”

Here it is。

If you use AI without this being ambiguous、
It only ends with more variations.。

vice versa、

If you use it when the design is complete、
Immediately improve production quality and reproducibility。


It's not about whether you're good at design or not.、

Can design be handled in language?

This is where future creators will branch out.。

▶︎ [Claude Designは何ができるAIなのか?]

▶︎ [いつも使うAIが戦争に使われていた理由]

▶︎ [ClaudeでWordPressエラーを解決した]

▶︎ [Changing design with Claude Design]

▶︎ [Limits and reality of Claude x Adobe collaboration]