Design Julkaistu 20.10.2026 schedule 3 min lukuaika

Mikä on Claude Design ja mihin markkinoija voi sitä käyttää?

Claude Design tekee keskustelun pohjalta esityksiä, kampanjasivujen luonnoksia ja prototyyppejä, myös ilmaisessa Claudessa. Mihin markkinoija voi sitä käyttää ja mikä on vielä rajallista lokakuussa 2026?

Claude on tähän asti ollut lähinnä kirjoittaja. Nyt se on myös vähän graafikko.

Lyhyt vastaus: Claude Design on Clauden suunnittelutyökalu, joka tekee keskustelun pohjalta esityksiä, kampanja- ja laskeutumissivujen luonnoksia, yhden sivun esitteitä ja klikattavia prototyyppejä. Markkinoija voi sillä luonnostella kampanjasivun, ennen kuin toimisto tai kehittäjä käyttää siihen aikaa, tai tehdä myyntiesityksen ja raportin kaaviot yrityksen ilmeellä. Se kuuluu 8.10.2026 alkaen kaikkiin Clauden tilauksiin ilmaisversiota myöten (Anthropic 8.10.2026), ja suomenkielisessä Claudessa sen nimi on Suunnittelu. Brändin näköistä jälkeä saa, kun Claudelle opettaa ensin yrityksen design systemin eli värit, fontit ja komponentit. Design system vaatii maksullisen tilauksen.

Videon alussa näkyy Sofia Digitalin design system Claude Designissa. Sen pohjalta Claude tekee LinkedIn-kuvan, animoi sen ja lisää pylväskaavion. ”Sofia 50 vuotta” ja kaavion luvut ovat keksittyjä esimerkkiä varten.

Mitä Claude Designilla tehdään

Suomenkielisen Clauden Suunnittelu-sivulla on neljä aloitusta, ja Claude Design on niistä Suunnittelu:

  • Diat (Claude Slides): esitys, jonka voi ladata PowerPointina tai PDF:nä tai viedä Google Slidesiin muokattavana (lisää esityksistä)
  • Suunnittelu (Claude Design): kampanja- ja laskeutumissivujen luonnokset, yhden sivun esitteet ja klikattavat prototyypit
  • Suunnittelujärjestelmä eli design system: brändin värit, fontit, komponentit ja asettelut, joita Claude käyttää töissä
  • Claude Motion: animaatio esimerkiksi raportin luvuista tai kaaviosta, ladattavissa MP4-videona (beta, vain Team- ja Enterprise-tilauksissa, Anthropic 8.10.2026)

Designia voi pyytää myös suoraan keskustelussa. Työtä ohjataan keskustelemalla, kommentoimalla yksittäistä kohtaa tai siirtelemällä elementtejä suoraan (Anthropicin ohje). Pohjaksi voi antaa esimerkiksi vanhan esityksen tai kuvakaappauksia. Valmiin työn voi viedä PDF-, PowerPoint- tai HTML-tiedostona tai lähettää suoraan muun muassa Canvaan, HubSpotiin, Gammaan, Miroon tai Wixiin.

Claude Design ja Claude Code

Markkinoija voi tehdä kampanjasivun luonnoksen itse ja antaa sen kehittäjälle valmiina pohjana. Kun luonnoksesta pitää tulla oikea verkkosivu, esimerkiksi lomakkeen kanssa, työn voi lähettää Claude Designista suoraan Claude Codelle, joka rakentaa sen koodiksi (Anthropicin ohje). Claude Designin rakentanut tuotesuunnittelija neuvoo Anthropicin blogissa tekemään tuotantoon menevän koodin Claude Codella (Anthropic 24.7.2026).

Missä Claude Design on hyvä

Sama suunnittelija käyttää Claude Designia luonnosteluun ja suunnan näyttämiseen, ennen kuin mitään rakennetaan. Markkinoijalle se sopii esimerkiksi näihin töihin:

  • kampanja- tai tapahtumasivun luonnos, ennen kuin toimisto tai kehittäjä aloittaa
  • myyntiesitys tai webinaarin diat yrityksen ilmeellä
  • yhden sivun tuote-esite tai asiakasreferenssi
  • uutiskirjeen ulkoasu
  • raportin luvut kaavioksi tai lyhyeksi animaatioksi
  • useampi versio vertailuun ennen päätöstä

Mikä on vielä rajallista

Tilanne lokakuussa 2026 Anthropicin mukaan (ohje):

  • Claude Designissa ei ole kuvamallia. Se tekee asettelun, tekstit, kaaviot ja grafiikan, mutta valokuvat, kuvitukset ja logot tehdään muualla ja tuodaan mukaan.
  • Ilman ohjausta Claude valitsee oman tyylinsä, joten fontit, värit tai tunnelmakuvat kannattaa antaa heti alussa.
  • Versiohistoriaa ei vielä ole, eikä usean ihmisen samanaikainen muokkaus välttämättä toimi luotettavasti.
  • Design system on betassa ja vain maksullisissa tilauksissa.
  • Työ kuluttaa samoja käyttörajoja kuin muu Claude.

Janne suosittelee

Claude Designin erityisvahvuus on design system -ajattelu. Kun design system on tehty, Claude käyttää sitä jokaisessa työssä, oli kyse esityksestä, kampanjasivusta tai animaatiosta. Yllä olevassa videossa promptiksi riitti ”Tee LinkedIn postaus ’Sofia 50 vuotta’”, ja kuva ja kuvasta tehty animaatio syntyivät ;) Sofia Digitalin tyyliin.

Opeta Claudelle ensin kunnon design system. Kun värit, fontit, logot ja tärkeimmät komponentit ovat mukana, lopputulos voi olla erittäin hyvä jo ensimmäisillä kierroksilla.

Design systemin voi koota esimerkiksi verkkosivuston koodista, brändiohjeesta, vanhasta esityksestä tai Figma-tiedostoista (Anthropicin ohje). Tee sen jälkeen testiksi yksi tuttu työ, vaikka kampanjasivu, ja katso, osuuko tulos brändiin. Jos ei osu, anna Claudelle lisää aineistoa.

Usein kysytyt kysymykset

Onko Claude Design ilmainen? expand_more
Perusversio on. Anthropic poisti Designilta beta-merkinnän 8.10.2026, ja se kuuluu kaikkiin Clauden tilauksiin ilmaisversiota myöten (Anthropic 8.10.2026). Työ kuluttaa samoja käyttörajoja kuin muu Claude (Anthropicin ohje). Design system on betassa ja vain maksullisissa tilauksissa Prosta alkaen (ohje), ja Claude Motion on betassa Team- ja Enterprise-tilauksissa.
Toimiiko Claude Design suomeksi? expand_more
Toimii. Suomenkielisessä Claudessa Claude Design löytyy nimellä Suunnittelu, ja samalta sivulta aloitetaan myös diat, design system (Suunnittelujärjestelmä) ja Claude Motion. Työn voi pyytää suomeksi. Tarkista silti valmiista dioista ja sivuista taivutukset ja rivitykset ennen julkaisua.
Mitä eroa on Claude Designilla ja Figmalla? expand_more
Figma on suunnittelijoiden työkalu, jossa tiimi viimeistelee ja ylläpitää designia tarkasti. Claude Design tekee luonnoksen keskustelun pohjalta, eikä sen käyttö vaadi suunnittelijan taitoja. Anthropicin vientilistalla ei ole Figmaa, mutta Figma-tiedostoja voi käyttää design systemin lähteenä (Anthropicin ohje).
Miten Claude Design ja Claude Code toimivat yhdessä? expand_more
Valmiin designin voi lähettää Claude Codelle, joka tekee siitä toimivan sivun tai sovelluksen. Toiseen suuntaan Claude Coden komento /design-sync tuo olemassa olevan sivuston design systemin Claude Designiin, jolloin uudet luonnokset tehdään samoilla komponenteilla kuin oikea sivusto (Anthropicin ohje).
Voiko luonnoksen jakaa toimistolle tai asiakkaalle? expand_more
Voi, mutta vastaanottaja tarvitsee Claude-tilin, myös silloin, kun hän saa linkin (Anthropicin ohje). Jakaessa valitaan, saako vastaanottaja katsoa, kommentoida vai muokata. Team- ja Enterprise-tilauksissa työt pysyvät oletuksena organisaation sisällä, ja ulkopuolelle jakamisen sallii tilin omistaja. Jos vastaanottajalla ei ole Claude-tiliä, työ viedään PDF-, PowerPoint- tai HTML-tiedostona.
Toimiiko erillinen claude.ai/design vielä? expand_more
Toimii 14.12.2026 asti. Sen jälkeen erillisessä versiossa käydyt keskustelut ja kommentit eivät ole enää käytettävissä, ja julkiset projektilinkit lakkaavat toimimasta (Anthropic 8.10.2026). Uudet työt tehdään tavallisessa Claudessa, ja tiimin design systemit siirretään sinne Suunnittelu-sivun painikkeella.
Voiko Claude Designilla tehdä logon? expand_more
Ei kannata. Claude Designissa ei ole kuvamallia, eikä sitä ole tehty kuvien luomiseen, ja sen rakentanut tuotesuunnittelija pitää sitä huonona valintana logosuunnitteluun (Anthropic 24.7.2026). Logosta tarkemmin: Voiko yrityksen logon tehdä tekoälyllä?

Kirjoittanut

Janne Riihimäki
Janne Riihimäki

Tekoälykonsultti ja -kouluttaja markkinointiin · Sofia Digital

Autan markkinointitiimejä ottamaan tekoälyn käyttöön niin, että se jää arkeen. Kaikki lähtee tarpeesta: ensin katsotaan, mitä tiimi tekee, ja sitten valitaan keinot ja työkalut. Tutustu Janneen ja siihen, missä hän auttaa

Tarvitsetko apua käyttöönottoon?

Ota yhteyttä arrow_forward