Behöver ert företag hjälp med att implementera AI? Kontakta oss och få prisoffert här →
AI Skolan ›
januari 22, 2026

OpenAI + Google Drive: varumärkesdesign klart

Rickard Andersson Partner, Nodenordic.se

Designförfrågningar ska vara enkla. I stället blir de en rörig tråd av ”kan du justera det här?”-meddelanden, saknade filer och att alla jagar den senaste versionen.

Det är här automatisering av designförfrågningar lönar sig. Marknadschefer märker det när kampanjer stannar upp. Byråägare märker det när revideringar äter upp marginalen. Till och med en grundare som gör sin egen branding fastnar i samma loop, bara med ännu mindre tid.

Det här arbetsflödet ger dig ett chattliknande sätt att beställa logotyper, grafiska profiler, gradients och revideringar, och sparar samt delar sedan resultat automatiskt i Google Drive. Du får se hur det fungerar, vad du behöver och vad du ska tänka på när du tar det i drift.

Så här fungerar automatiseringen

Här är hela arbetsflödet som du kommer att sätta upp:

n8n Workflow Template: OpenAI + Google Drive: varumärkesdesign klart

Varför det här spelar roll: designförfrågningar blir revisionskaos

Förfrågan börjar strukturerat: ”Vi behöver ett nytt logokoncept” eller ”Kan vi få en snabb grafisk profil för den här kunden?” Sedan börjar fram och tillbaka. Någon delar en skärmdump i stället för källfilen. Feedbacken är vag (”få det att poppa”), så du får tre redigeringsrundor. ”Slutfilen” laddas upp två gånger, döps till ”final_v7_reallyfinal.png”, och nästa vecka använder teamet fel version i en annons. Det är inte bara irriterande. Det bromsar lanseringar i smyg, bränner kreativ energi och gör att varumärket ser inkonsekvent ut offentligt.

Friktionen byggs på. Här är var det oftast faller isär.

  • Förfrågningar kommer in på fem ställen (mejl, Slack, DM), så inget följs från start till mål.
  • Filhanteringen är manuell, vilket betyder att misstag händer vid sämsta möjliga tillfälle, som precis innan en kampanj går live.
  • Revideringar tar längre tid än de borde eftersom feedback och kontext försvinner mellan meddelanden.
  • Även när designen är ”klar” skapar delning och behörigheter i Google Drive ytterligare ett lager av onödigt jobb.

Det du bygger: ett chattstyrt AI-designsystem som sparar i Drive

Du sätter upp en konversationsbaserad AI-agent i n8n som tar emot designförfrågningar på enkel svenska och skickar dem till rätt ”verktyg” i bakgrunden. Be om en logotyp, så genererar arbetsflödet en med OpenAI-bildgenerering, sparar den i Google Drive och returnerar en delningslänk. Be om en grafisk profil, så fyller det i en Google Docs-mall, lagrar det färdiga dokumentet i Drive och delar det på samma sätt. Behöver du en gradientbakgrund till en landningssida? Samma upplevelse: snabb förfrågan, flera varianter, sparat och klart att skicka. Vill du göra en revidering kan arbetsflödet hämta en befintlig bild från Google Drive (eller hämta en extern bild-URL), applicera ändringar via ett bildredigeringsanrop, spara den nya versionen och länka tillbaka.

Arbetsflödet startar med en chattmeddelande-trigger och en AI-”orkestrerare” som förstår vad du ber om. Det genererar eller redigerar tillgången, konverterar filer till rätt format och använder sedan Google Drive-noder för att spara, sätta behörigheter och dela allt konsekvent. Du får en prydlig Drive-mappstruktur och länkar du kan klistra in i mejl, Slack eller en kundportal.

Det du bygger

Förväntade resultat

Säg att du hanterar 10 designförfrågningar i veckan: ett par logotyper, några ”få den här bannern att matcha vårt varumärke” och en eller två grafiska profiler för nya kampanjer. Manuellt är det lätt att lägga cirka 20 minuter per förfrågan bara på att förtydliga, leta filer, exportera versioner, ladda upp till Drive och sätta behörigheter, vilket är ungefär 3 timmar i veckan. Med det här arbetsflödet kommer förfrågan in via chatt, agenten genererar tillgången och Drive-länkar skapas automatiskt. Du granskar fortfarande och ger riktning, men administrationsjobbet sjunker till några minuter per förfrågan.

Innan du börjar

  • n8n-instans (prova n8n Cloud gratis)
  • Alternativ för egen hosting om du föredrar det (Hostinger fungerar bra)
  • OpenAI för chatthjälp och bildgenerering.
  • Google Drive för att spara filer och skapa delningslänkar.
  • Replicate API-nyckel (hämta den i din Replicate-dashboard) för uppskalning.

Svårighetsnivå: Mellan. Du kopplar några konton, sätter mappbehörigheter och justerar prompter utan att behöva koda.

Vill du att någon bygger detta åt dig? Prata med en automationsexpert (gratis 15-minuters konsultation).

Steg för steg

Ett chattmeddelande startar allt. En användare ber om en logotyp, en grafisk profil, en gradientbakgrund eller en revidering i ett enkelt chattgränssnitt kopplat till n8n-arbetsflödet.

AI-”designorkestreraren” väljer rätt väg. Med en OpenAI-chattmodell plus en minnesbuffer tar agenten reda på vad du menade, ber om saknade detaljer vid behov och anropar sedan rätt verktygsarbetsflöde (logotyp, grafisk profil, gradient eller revidering).

Tillgångar genereras eller redigeras och paketeras sedan för lagring. För nya designer används OpenAI-bildgenerering. För revideringar styr arbetsflödet baserat på var källbilden finns (Google Drive-fil eller extern URL), laddar ner den, applicerar ändringen via en HTTP-förfrågan och konverterar resultatet till en fil.

Google Drive blir den enda sanningskällan. Varje leverans sparas i Drive och en delningslänk skapas så att du kan skicka direkt utan att behöva hålla på med behörigheter för varje fil.

Du kan enkelt ändra Drive-mappstrukturen så att den matchar kunder, varumärken eller kampanjer efter behov. Se hela implementationsguiden nedan för anpassningsalternativ.

Steg-för-steg-guide för implementering

Steg 1: konfigurera chat-meddelande-triggern

Konfigurera den publika chatt-ingången som startar designassistentens konversation och skickar indata in i arbetsflödet.

  1. Lägg till och öppna Chat Message Trigger för att definiera livechattens ingångspunkt.
  2. Ställ in Public på true så att widgeten kan användas av externa besökare.
  3. Ställ in Initial Messages till Hi—I can generate a logo, style guide, or background gradient for you. Let me know what you need?.
  4. Valfritt: anpassa widgeten genom att redigera CSS:en i Options → Custom CSS så att den matchar ert varumärke (den nuvarande mallen använder redan ett komplett tema).
  5. Bekräfta huvudkopplingen: Chat Message Trigger → Design Orchestrator.

Steg 2: anslut Google Drive

Google Drive lagrar de genererade bilderna, delar dem offentligt och tillhandahåller mallar och källbilder.

  1. Öppna valfri Google Drive-nod (t.ex. Drive Save Output A) och anslut ert Drive-konto. Credential Required: Anslut era googleDriveOAuth2Api-uppgifter.
  2. Använd samma Google Drive-uppgifter för alla Drive-noder (12+ noder hanterar uppladdningar, nedladdningar, sparande och delning): Drive Upload Original, Drive Download Source C, Drive Download Template B, Drive Download Template D, Drive Save Output A, Drive Save Output B, Drive Save Output C, Drive Save Output D, Drive Share Link A, Drive Share Link B, Drive Share Link C och Drive Share Link D.
  3. I Drive Save Output A, Drive Save Output B, Drive Save Output C och Drive Save Output D, ställ in Name till {{ $('Subflow Execution Trigger').item.json.fileName }}.
  4. I Drive Download Template B och Drive Download Template D, ersätt File ID med era faktiska mall-ID:n (för närvarande inställda till [YOUR_ID]).
  5. I Drive Share Link A, Drive Share Link B, Drive Share Link C och Drive Share Link D, behåll Operation som share och Permissions inställda till writer och anyone.

⚠️ Vanlig fallgrop: Delningsnoderna sätter offentlig skrivåtkomst. Om ni vill ha skrivskyddade länkar, ändra rollen i Drive Share Link A/B/C/D från writer till reader.

Steg 3: konfigurera Design Orchestrator och AI-verktygen

Konfigurera AI-hjärnan som tolkar chattförfrågningar och triggar rätt verktyg för bildgenerering eller bildredigering.

  1. Öppna Design Orchestrator och granska System Message så att den matchar önskat assistentbeteende; behåll Passthrough Binary Images aktiverat.
  2. Konfigurera OpenAI Chat Engine och anslut den som språkmodell för Design Orchestrator. Credential Required: Anslut era openAiApi-uppgifter. Ställ in Model till gpt-4.1 och Temperature till 0.7.
  3. Koppla på minne genom att konfigurera Compact Memory Buffer med Context Window Length inställt till 10.
  4. Bekräfta AI-verktygen som är anslutna till Design Orchestrator: Produce Logo Design, Build Style Guide, Create Gradient Backdrop, Revise Image Tool och Upscale Artwork Tool.
  5. För Upscale Artwork Tool, ersätt header-värdet för Authorization Bearer [CONFIGURE_YOUR_TOKEN] med er Replicate API-token.

⚠️ Vanlig fallgrop: AI-verktyg som Revise Image Tool, Create Gradient Backdrop, Build Style Guide, Produce Logo Design, Upscale Artwork Tool och Compact Memory Buffer ärver uppgifter från den överordnade Design Orchestrator. Lägg inte till uppgifter på undernoderna—koppla dem i stället till OpenAI Chat Engine eller relevant överordnad nod.

Steg 4: konfigurera flöden för bildgenerering och bildredigering

Definiera flödena för bildskapande och bildredigering som driver de slutliga tillgångarna i Google Drive.

  1. I OpenAI Image Create, ställ in Model till gpt-image-1, Prompt till {{ $json.imagePrompt }}, Size till {{ $json.resolution }} och Quality till low. Credential Required: Anslut era openAiApi-uppgifter.
  2. Bekräfta flödet: OpenAI Image Create → Drive Save Output A → Drive Share Link A → Format Output Fields A.
  3. I Subflow Execution Trigger, bekräfta indata för imagePrompt, resolution, imageType och fileName, och anslut den sedan till Drive Download Template D.
  4. Konfigurera GPT Image Edit B och GPT Image Edit D med OpenAI-parametrar för bildredigering och säkerställ att Prompt använder =Using this image as inspiration, create: {{ $('Subflow Execution Trigger').item.json.imagePrompt }}. Credential Required: Anslut era openAiApi-uppgifter.
  5. Konfigurera revisionsvägen med Route by Source med villkoren på {{ $json.previousImageUrl }} för att dela upp contains och notContains strängen google.
  6. I External Image Fetch, ställ in URL till {{ $json.previousImageUrl }}, och skicka sedan vidare till Drive Upload Original och Drive Download Source C.
  7. I Drive Download Source C, ställ in File ID till {{ $if($json.previousImageUrl, $json.previousImageUrl, $json.webViewLink) }}, och kör sedan GPT Image Edit C med prompten =This is the former image. The client wants these revisions: {{ $('Subflow Execution Trigger').item.json.imagePrompt }}. Make them without materially changing anything that is not explicitly asked for (including backgrounds if relevant etc)..
  8. För Convert Binary File B, Convert Binary File C och Convert Binary File D, ställ in Operation till toBinary, Source Property till data[0].b64_json och Mime Type till image/png.

Steg 5: konfigurera formatering av utdata

Slutför svarsfälten för chattens utdata genom att mappa genererade filer till strukturerade fält.

  1. I Format Output Fields A, mappa webViewLink till {{ $('Drive Save Output A').item.json.webViewLink }}, och sätt initialPrompt, fileName och imageType från {{ $('Subflow Execution Trigger').item.json.* }}.
  2. Upprepa samma mappningslogik i Format Output Fields B, Format Output Fields C och Format Output Fields D med deras respektive Drive Save Output-noder.
  3. Bekräfta att varje delningsnod leder direkt in i motsvarande formatnod: Drive Share Link A → Format Output Fields A, Drive Share Link B → Format Output Fields B, Drive Share Link C → Format Output Fields C och Drive Share Link D → Format Output Fields D.

Steg 6: testa och aktivera ert arbetsflöde

Verifiera hela flödet från start till mål innan ni gör det tillgängligt för användare.

  1. Klicka på Execute Workflow och skicka ett chattmeddelande, till exempel ”Create a modern logo for a fintech app.”
  2. Verifiera att Design Orchestrator väljer ett verktyg och att flödet når OpenAI Image Create eller vägen för bildredigering.
  3. Kontrollera Google Drive efter nya filer som skapats av Drive Save Output A/B/C/D och säkerställ att länkarna delas via Drive Share Link A/B/C/D.
  4. Bekräfta att chattsvaret innehåller en giltig webViewLink från Format Output Fields A/B/C/D.
  5. När testet lyckas, växla arbetsflödet till Active för att driftsätta det i produktion.
🔒

Lås upp fullständig steg-för-steg-guide

Få den kompletta implementeringsguiden + nedladdningsbar mall

Felsökningstips

  • Google Drive-inloggningar kan löpa ut eller kräva specifika behörigheter. Om något slutar fungera, kontrollera först n8n-credential-anslutningen och delningsinställningarna för målmappen.
  • Om du skalar upp med Replicate (via HTTP Request) eller gör tyngre bildredigeringar varierar processeringstiderna. Öka eventuell väntetid du använder mellan generering och sparning om efterföljande steg fallerar på tomma svar.
  • Standardprompter i AI Agent är generiska. Lägg in din varumärkeston, ”gör/gör inte”-regler och exempelresultat tidigt, annars kommer du att finjustera resultaten för alltid.

Nästa steg

Om ditt team också behöver leverabler i längre format utöver designassets passar OpenAI till Google Drive, publiceringsklara e-böcker snabbt bra eftersom det använder samma mönster: ”generera och sedan spara och dela” för kundklara filer.

När du vill ha snabb intern spridning av det som produceras är OpenAI till Telegram, din dagliga AI-nyhetssammanfattning ett bra tillägg: det visar hur du pushar AI-resultat till en kanal som folk faktiskt läser.

Behöver du ett lättviktigt sätt att bygga ett assetbibliotek som teamet kan återanvända? Telegram + Google Sheets: AI-bilder du kan återanvända hjälper dig att spåra prompter, resultat och länkar så att du slutar återgenerera samma bilder om och om igen.

För team som gör design till distribution är LinkedIn + OpenAI: inlägg och hashtags, redo för granskning logiskt eftersom det låter dig koppla nytt kreativt material till social copy som är redo att redigeras, i stället för att bygga allt manuellt.

Slutligen, om du vill att ”publicera”-delen ska vara lika automatisk som skapandet, så knyter Google Drive till WordPress, inlägg publicerade överallt ihop säcken genom att ta godkänt innehåll i Drive och publicera det live med mindre klickande.


Snabbreferens:

Snabba svar

Hur lång tid tar det att sätta upp den här automatiseringen av designförfrågningar?

Cirka 2–3 timmar, främst på grund av Google Drive-konfiguration och promptjustering.

Krävs det kodning för den här automatiseringen av designförfrågningar?

Nej. Du kopplar konton, klistrar in API-nycklar och justerar några prompter och mapp-ID:n.

Är n8n gratis att använda för det här arbetsflödet för automatisering av designförfrågningar?

Ja. n8n har ett gratis alternativ för egen hosting och en gratis provperiod på n8n Cloud. Cloud-planer börjar på 20 USD/månad för högre volym. Du behöver också räkna in användningen av OpenAI- och Replicate-API:er, vilket ofta ligger runt 30 USD/månad vid måttlig användning.

Var kan jag hosta n8n för att köra den här automatiseringen?

Två alternativ: n8n Cloud (hanterad, enklast att komma igång) eller egen hosting på en VPS. För egen hosting är Hostinger VPS prisvärd och klarar n8n bra. Egen hosting ger dig obegränsade körningar men kräver grundläggande serveradministration.

Kan jag anpassa det här arbetsflödet för automatisering av designförfrågningar för olika användningsfall?

Ja, och det bör du. De flesta team anpassar AI Agentens systemmeddelande (så att den skriver i deras varumärkeston), platserna där Google Drive sparar (separata mappar per kund) och logiken för ”routa efter källa” (endast Drive vs tillåta externa URL:er). Du kan också stänga av uppskalningssteget genom att inaktivera Replicate HTTP Request-verktyget, vilket håller kostnaderna lägre när du inte behöver filer i tryckkvalitet.

Varför misslyckas min Google Drive-anslutning i det här arbetsflödet?

Oftast beror det på OAuth-behörigheter eller att arbetsflödet sparar i en mapp som ditt anslutna konto inte har åtkomst till. Anslut Google Drive-credentialn igen i n8n och dubbelkolla sedan mapp-ID:t och att mappen är korrekt delad. Om skapandet av länkar misslyckas beror det ofta på att Drive-delning är begränsad på workspace-nivå.

Vilken volym kan det här arbetsflödet för automatisering av designförfrågningar hantera?

Om du kör egen hosting finns ingen körningsgräns (det beror mest på din server och API:ernas rate limits).

Är den här automatiseringen av designförfrågningar bättre än att använda Zapier eller Make?

För det här användningsfallet är n8n oftast en bättre match. Du behöver förgreningslogik (logotyp vs grafisk profil vs gradient vs revidering), minne mellan meddelanden och möjligheten att routa baserat på var en bild kom ifrån. Det går att göra i Zapier eller Make, men det blir dyrt och krångligt när du lägger till flera flödesvägar och filhantering. n8n ger dig också ett alternativ för egen hosting, vilket är viktigt om du förväntar dig många förfrågningar. Om du bara behöver ”formulärinsändning → skapa en fil → mejla den” funkar Zapier. Prata med en automationsexpert om du vill ha en snabb rekommendation baserat på din volym och teamuppsättning.

När det här väl är igång slutar designförfrågningar vara en viskleken. Arbetsflödet tar hand om de repetitiva delarna och du får mer strukturerade assets, snabbare godkännanden och en Google Drive som äntligen är logisk.

Kontakta oss

Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.

Våra tjänster Om Node Nordic
×

Använd mall

Få direkt tillgång till denna n8n-arbetsflödes JSON-fil

Kopiera och importera JSON-arbetsflödet i ditt n8n-arbetsflöde