# MCP-palvelimet suunnitteluun: tekoäly käyttää oikeita työkaluja

[Canonical HTML page](https://gradiently.design/fi/guide/mcp-servers-for-designers)

Julistetta vain kuvaileva avustaja on konsultti. MCP-palvelimella se voi tehdä julisteen brändisi mukaan jo käyttämässäsi työkalussa.

## The short version

- MCP-palvelin on pieni palvelu, joka antaa tekoälyavustajan käyttää oikeaa työkalua avoimen Model Context Protocolin kautta.
- Suunnittelun MCP-palvelimilla avustaja voi hakea aineistoa, lukea tiedostoja tai brändiasetuksia ja luoda suunnittelutyökalussa avautuvia suunnitelmia.
- Avustaja on isäntä, MCP-palvelin työkalun puoli yhteydestä, ja oikeudet määräävät sallitut toiminnot.
- Gradientlyn ylläpitämä MCP-palvelin antaa ChatGPT:n, Clauden ja muiden etä-MCP:tä tukevien avustajien hakea Markeja ja luoda Studiossa avautuvia suunnitelmia.
- Käytä yhtä rajattua avainta avustajaa kohti ja valitse vain sen tarvitsemat oikeudet.

**MCP-palvelimet suunnitteluun** ovat yhteyksiä, joilla tekoälyavustaja käyttää oikeaa suunnittelutyökalua pelkän puhumisen sijaan. MCP eli Model Context Protocol on avoin standardi: suunnittelutyökalu julkaisee palvelimen, jonka toimintoja protokollaa tukeva avustaja, kuten Claude tai ChatGPT, voi kutsua. Suunnittelijalle tämä tarkoittaa avustajaa, joka lukee brändin, löytää aineiston, sommittelee suunnitelman ja tallentaa sen avattavaksi sekä viimeisteltäväksi.

## Mikä MCP-palvelin oikeastaan on

Ajattele kolmea osaa. **Isäntä** on sovellus, jolle puhut, kuten Claude Desktop tai ChatGPT. Sen sisällä **MCP-asiakas** pitää yhteyden auki. **MCP-palvelin** kuuluu työkalulle ja luettelee avustajan käytössä olevat työkalut eli toiminnot, resurssit eli luettavat asiat ja joskus valmiit kehotteet. Koko määrittely on osoitteessa [modelcontextprotocol.io](https://modelcontextprotocol.io), ja [mikä MCP on](https://gradiently.design/fi/guide/what-is-mcp) selittää perusteet.

| Osa | Merkitys | Suunnitteluesimerkki |
| --- | --- | --- |
| Isäntä | Tekoälysovellus, johon kirjoitat | Claude, ChatGPT, avustajallinen editori |
| Asiakas | Yhteys isännän sisällä | Lisätään kerran isännän asetuksissa |
| Palvelin | Työkalun puoli, joka luettelee toiminnot | Suunnittelutyökalun ylläpidetty MCP-osoite |
| Työkalut | Avustajan kutsuttavat toiminnot | Hae Markeja, luo suunnitelma, tee tarinakoko |
| Oikeudet | Mitä avain sallii | Lue suunnitelmat, luo ja muokkaa, hae Markeja |

Sanasto, johon törmäät yhdistäessäsi suunnittelutyökalun avustajaan.

## Mitä työkalut muuttavat avustajassa

### Pelkkä keskustelu

- Ehdottaa sommittelua sanoin
- Arvaa värit kuvauksesta
- Kirjoittaa tekstiä muualle liitettäväksi
- Luo tasaisen kuvan, jota et voi muokata

### MCP-palvelimella

- Tallentaa oikean kerroksellisen suunnitelman
- Lukee todelliset brändiasetukset
- Sijoittaa tekstin itse suunnitelmaan
- Antaa tiedoston, jonka voit avata ja muokata

Ero näkyy eniten viimeisessä rivissä. Kuvamalli palauttaa pikseleitä: teksti on usein sotkuista eikä mitään voi siirtää. MCP:n kautta käytetty suunnittelutyökalu palauttaa suunnitelman elävine teksteineen, kerroksineen ja kokoineen. [Tekoälykuvageneraattorit ja suunnittelutyökalut](https://gradiently.design/fi/guide/ai-image-generator-vs-design-tool) käsittelee eroa lisää.

## Suunnittelijalle hyödylliset MCP-palvelintyypit

- **Suunnittelutiedostojen palvelimet** antavat avustajan lukea kehyksiä, komponentteja ja muuttujia tiedostosta. Esimerkiksi Figma dokumentoi MCP-palvelimen designin siirtämiseen koodiksi.
- **Suunnitelmia luovat palvelimet** tekevät valmista työtä: julkaisuja, tarinoita, julisteita ja otsakekuvia. Gradientlyn palvelin on tällainen.
- **Aineistopalvelimet** hakevat kuvia, kuvakkeita tai brändin omaa kirjastoa.
- **Selain- ja tiedostojärjestelmäpalvelimet** avaavat verkkosivuja tai lukevat viiteaineiston kansioita.
- **Projektipalvelimet** yhdistävät tehtäväseurannan ja asiakirjat, jotta briiffit ja palaute kulkevat työn mukana.

Tarvitset harvoin monta. Yksi suunnittelupalvelin ja briiffien nykyinen säilytyspaikka ovat vahva alku.

## Yhden pyynnön kulku

1. **Pyydät selkeästi** ”Tee brändillemme Instagram-pystyjulkaisu perjantain maistelusta, 19.00.”
2. **Avustaja valitsee työkalut** Se näkee palvelimen toiminnot ja valitsee sopivat: lue brändi, sitten luo 1080×1350-suunnitelma.
3. **Palvelin tekee työn** Työkalu sommittelee julkaisun fonteillasi, väreilläsi ja taustallasi sekä tallentaa sen.
4. **Saat linkin** Avustaja vastaa tuloksella. Avaat sen työkalussa, muokkaat ja viet.

Perjantain 19.00-viininmaistelun pystyjulkaisu syvällä liukuväritaustalla

Pyyntö voi tuottaa tallennetun, muokattavan suunnitelman brändin Markilla tasaisen kuvan sijaan.

## Gradientlyn MCP-palvelimen yhdistäminen

Gradientlyn ylläpitämä MCP-palvelin toimii ChatGPT:ssä, Claudessa ja kaikissa etä-MCP-palvelimia tukevissa avustajissa. Yhdistetty avustaja voi hakea Markeja, Gradientlyn suunnitelmien eläviä liukuväri- ja materiaalitaustoja, lukea työtilasi ja brändisi sekä luoda Studiossa avautuvia suunnitelmia. Avustajan itse sommittelema suunnitelma ei kuluta Gradientlyn krediittejä. Ajattelu tapahtuu avustajasi tilauksella.

Omistaja tai ylläpitäjä luo rajatun API-avaimen kohdassa **Asetukset › API ja agentit** ja lisää sitten osoitteen asiakkaaseen. JSON-määritystä lukevat asiakkaat käyttävät tällaista katkelmaa:

```json
{
  "mcpServers": {
    "gradiently": {
      "url": "https://gradiently.design/api/mcp",
      "headers": { "Authorization": "Bearer YOUR_KEY" }
    }
  }
}
```

Korvaa YOUR_KEY asetuksista saadulla avaimella. Älä koskaan tallenna oikeaa avainta repositorion versionhallintaan.

[Tekoälyavustajan yhdistäminen](https://gradiently.design/fi/guide/connect-ai-assistant) neuvoo kaikki vaiheet ja [kehittäjädokumentaatio](https://gradiently.design/fi/developers/mcp) luettelee työkalut. Yhteyden jälkeen [MCP-suunnittelukehotteet](https://gradiently.design/fi/guide/mcp-prompts-for-design) antaa kopioitavat pyynnöt.

## Suunnitteluyhteyksien turvallisuus

### Vältä

- Yhtä kaikkivaltiaan avainta kaikkien sovellusten kesken
- Avainten liittämistä keskusteluihin tai asiakirjoihin
- Palvelimia, joiden lähdettä et tunnista
- Käyttämättömien työkalujen avainten jättämistä voimaan

### Tee näin

- Yksi avain avustajalle, nimettynä käyttöpaikan mukaan
- Valitse vain tehtävän tarvitsemat oikeudet
- Yhdistä työkalun oman valmistajan julkaisemia palvelimia
- Peru avaimet, joita et enää käytä

MCP-palvelin voi tehdä vain avaimensa sallimat asiat, joten avain on tärkein hallintakeinosi. Gradientlyn avain toimii vain sen myöntäneessä työtilassa, sisältää vain luotaessa valitut oikeudet ja voidaan perua milloin tahansa. Avustajien arkikäyttöä neuvovat [suunnittelu Claudella](https://gradiently.design/fi/guide/design-with-claude) ja [suunnittelu ChatGPT:llä](https://gradiently.design/fi/guide/design-with-chatgpt).

## FAQ

### Mikä on suunnittelun MCP-palvelin?

Suunnittelutyökalun julkaisema yhteys, jolla tekoälyavustajat käyttävät työkalua Model Context Protocolin kautta. Avustaja lukee aineistoa tai brändiasetuksia ja luo suunnitelmia pelkän kuvailemisen sijaan.

### Mitkä tekoälyavustajat tukevat MCP-palvelimia?

Claude tukee MCP-palvelimia. ChatGPT voi yhdistää etä-MCP-palvelimiin, kun tilaus ja asetukset sallivat. Tuki vaihtelee ja muuttuu, joten tarkista sovelluksen ohjesivut.

### Onko Gradientlyllä MCP-palvelin?

Kyllä. Ylläpidetty palvelin antaa ChatGPT:n, Clauden ja muiden etä-MCP:tä tukevien avustajien hakea Markeja, lukea työtilan ja luoda Studiossa avautuvia suunnitelmia. Ohjeet ovat [kehittäjädokumentaatiossa](https://gradiently.design/fi/developers/mcp).

### Kuluttavatko MCP:n suunnitelmat Gradientlyn krediittejä?

Eivät, kun avustajasi sommittelee itse Gradientlyn työkaluilla. Designerille siirretty tehtävä mitataan krediiteillä.

### Onko MCP-palvelimiin turvallista yhdistää?

Turvallisuus riippuu annetuista avaimista. Yhdistä valmistajan omiin palvelimiin, käytä yhtä rajattua avainta avustajalle ja peru käyttämättömät avaimet.