Spotlight: Vi djupdyker i Claude Design och skapar presentationer med företagets grafiska profil

Automatiskt transkriberat. Enstaka hörfel kan förekomma.

Fredrik, vad kommer man att lära sig om man lyssnar till slutet av just det här avsnittet? Man kommer att lära sig hur man på ett väldigt enkelt och pedagogiskt sätt kan förbättra sin design på en hemsida till exempel, eller bara skapa en ny design från början. Precis, idag snackar vi Claude Design, men då kör vi! Välkommen till veckans AI-videopodden där vi testar AI-tjänster så att du ska slippa. Och som vanligt sponsras den här podden av CoWrite Agents. Och det är alltså AI-chattbottar till din hemsida, eller er hemsida.

Och det är sådana här små söta chattbottar som svarar på era kunders frågor dygnet runt, 24 timmar om dygnet. Ja, det är verkligen dygnet runt, ni fattar. Så att om ni är intresserade av det här, surfa in på co-write-agents.com eller hör av er till mig, Magnus Powers, på LinkedIn skicka ett sånt DM. Dessutom öppnar vi nu för sponsorer i den här podden som är Sveriges femte största techpodd faktiskt har blivit. Så är ni intresserade av att sponsra den här podden så hör av er på samma kontaktvägar.

Alltså Magnus Powers på LinkedIn eller till exempel info at co-write.com. Toppen, nu kör vi Fredrik. Vi ska snacka Claude Design. Ja. Vad är din relation till Claude Design? Har du använt det mycket?

Nej, jag minns att du testade det i podden. Och jag såg bara att den kom, men jag testade faktiskt aldrig när det lanserades. Så det här är första gången för mig som jag doppat hårna i Claude Design. Men jag minns att jag tyckte att det du visade var coolt. Ja, jag har goda erfarenheter av Claude Design. Och jag har faktiskt kikat, vi kommer ju båda, det här är ju en del av vår Spotlight sommarserie.

Så vi kommer ju båda dyka ner i det här. Jag har ju kikat lite grann på hur man kan ladda upp sina grafiska guidelines och sin grafiska profil i det här verktyget. För det är någonting som de flesta som jag har pratat med som försöker skapa presentationer och sådär med hjälp av AI och material generellt sett. Att det har varit väldigt svårt fram till nu att få det konsekvent med företagets grafiska profil. Så att vi ska dyka in lite i det idag. Och där är det ju så att har man gjort det här, och min förhoppning, det ska vi ju se såklart.

Men min förhoppning är att lägger man sina tio minuter på att få det här rätt från början, så kommer man spara timmar sen. Så jag har faktiskt roat mig mer på morgonen att skapa den här grafiska profilen i Claude Design. Och det är min startpunkt. Så ska vi börja där kanske? Ja, men kör på! Okej, vi kan väl börja med, var hittar man den här appen?

Den finns alltså på Claude.ai Slash design. Den finns inte i desktop-appen va? Insåg jag när jag skulle testa den? Nej, den finns nog bara i webbappen. Mm.

Tror jag. Men här är vi då inne i, vi kan väl börja från början här. Det här är ett väldigt trevligt interface tycker jag. Ja, det ser ut lite som en bröllopsinbjudan, kommer jag ihåg, med de här grejerna som hänger under dig. Ja, verkligen. Och här kan vi få lite snabb grejer.

Man kan få lite inspiration här, vad vi kan göra. Ja, så innan vi börjar prompta här. För vi måste komma ihåg att Claude Design använder väldigt mycket tokens. Alltså det är väldigt mycket beräkningskraft som går in i det här. Och det tar ju, det kan ju liksom äta lite av ett Claude plus eller max abonnemang. Dra till och med mer tokens än bara sitta i Claude code?

Ja, det vet jag faktiskt inte. Men det beror ju på vad man gör såklart. Men man har en fördel i det här systemet, förstår jag då, dels om man skapar sitt designsystem, till att börja med. Och sen kan man även då skapa skills i Claude för att göra, alltså få rätt ton och lite sådär i texten. För att det är inte bara så att färgerna och loggorna och sådär ska stämma, utan även företagets brand voice. Men vi börjar med, vi ska försöka liksom dyka in i allt det här, om vi kan.

Men här, vi kan bara gå igenom här. Vi kan välja modell här. Och det här påverkar ju också såklart hur mycket tokens som går. Men jag har valt Claude Opus 4.8 som är den på marknaden nu mest kapabla modellen. I alla fall nu när det här spelas in. Och sen så kör jag på High Effort.

Det brukar vara liksom tillräckligt. Men det finns ett till här steg som heter Max. Sen så kan jag klicka på Designsystem och klicka på Create. Här kan vi då välja hur vi vill skapa det här designsystemet. Och jag försökte förstå vad det här Create Using Claude Code betyder. Men jag fattade inte det.

Så jag klickade på Create here. Det verkade enkelt. Och här skriver vi då in vad det här ska heta. Cowrites Design System. Och sen så kan man då göra lite som man vill. Antingen så...

Och det gjorde jag. Jag kopierade bara länken från vårt GitHub-repo. Och det är egentligen där vår webbsida ligger. För att jag har ändrat lite. Och det är egentligen den som är det senaste. Det senaste.

Ja, vi har gått ifrån vår gamla designprofil lite grann. Så jag ville att den skulle hämta upp från vår hemsida färger och element och sådana saker. Så då kan man lägga till den där. Men man kan också ladda upp fonts, logos och assets. Så har man en sån där pdf. Brand guidelines till exempel.

Då klickar man bara på browse och laddar upp den här. Och sen kan man skriva till någonting. Och continue to generation. Och det här tar då alltså mellan fem och tio minuter. Så att den jobbar igenom det här ordentligt. Men sen då när man är klar med det här.

Så kommer det... Då kommer det upp en... Ett designsystem som ser ut så här. Eller som ser... Kan se ut så här. Så det här är vårat.

Och det är våra... Du känner igen de här gröna färgerna som jag använder. Och lite grann vilken typsnitt och sånt som vi har och sånt. Så att då har vi det där. Så att när vi nu gör... Lägger in en prompt här.

Då så använder den det här systemet. Sen så finns det något som heter templates. Och här kan man då bygga templates. Så om vi vill skapa en template. Då säger vi bara åt Claude att skapa en template här. Skapa en slide template för säljpresentationer.

Och då börjar den jobba här. Just det här vet jag att många har problem med än idag faktiskt. Just om man ska skapa sina powerpoints. Jag såg någon på LinkedIn som efterlyste det. Någon som var duktig på att skapa powerpoint mallar. Ja, exakt.

Det är ju ett verkligt behov. Och det här är någonting som jag gillar jättemycket med Claude Design. Ja. För att få till den här prompten. Ingen är bra på att prompta egentligen. Men AI är väldigt bra på det.

Så att här kan vi då svara på lite snabba frågor. Vem är publiken? Partners, fackförbund säger vi. Vilka slide-typer behöver du i templaten? Så kanske en agenda. Problem, utmaning.

Lösning. Prissättning. Och process. Säger vi. Hur många slides i den här pitchdecken? Decide for me, tar jag.

Den gillar jag också. Ja. Verkligen, du som kan. Vill du se variationer av någon nyckelslide? Nej. Visuell ton.

Ljus och luftig tar vi. Och sen så språk svenska. Då kör vi. Ja, men nu har den börjat skapa saker och ting här. Fan vad snyggt måste jag säga. Alltså utifrån hur vår hemsida ser ut.

Att den bara. Den nailar. Ja, men verkligen. Sponspråket. Det här. Så nu tittar vi.

Jag kan ju säga det. Det här är en videopodd för den som inte visste det som lyssnar. Så att den själva videon om ni vill titta finns på Spotify och YouTube. Så att vi kan väl börja titta här lite grann. Medan den skapar. Så vi har fått en jättefin agenda.

Lite sån här. Utmaningsslide. Den här följer ju en väldigt accepterad storytelling princip. Därmed att börja med vilken utmaning som kunden har. Och sen så kommer de in på hur vi kan hjälpa till. Från jobbarnås till färdiga ansökan.

Olika steg. Det är ju väldigt smidigt. Fint också att den plockar upp. Den plockar upp vad vi borde ha med i våra slides. Kan du klicka här. Var som helst och redigera.

Ja. Det är ju det som är så fint i det här. Nu kan jag inte göra det just nu. Eftersom den fortfarande håller på att generera. Men man kan ju klicka och ändra på saker och ting här. Vi har ju testat Notebook också.

Som också gör väldigt fina presentationer. Men där kunde man inte göra det här för mig. Nej. Alltså det känns ju som. Oj det här blev lite konstigt. Nej det var bara att den var klar.

Give it a second. Ja verkligen. Men nej men det känns ju verkligen som att Google Notebook LM är bra att använda om man behöver en unik prestation. En Claymation presentation. Ja exakt. Alltså speciellt design system.

Eller rätt sagt en speciell typ av system som inte spelar någon roll om det är brand eller inte. Men känns det inte som att om du gick in på liksom Pingus hemsida och skapade det design systemet så skulle den fixa det lika bra här. Ja det är jag inte helt säker på för att vi får inte glömma bort att Claude inte är superbra på bildgenerering än så länge. Nej det är sant. Så att jag tror att Google Notebook att det är liksom en nano banana spin off lite grann när det kommer till genereringen av bilder. Så jag skulle nog säga att vill man ha något specifikt som inte följer någon specifik mall så kör Google Notebook.

Vill du ha någonting som verkligen följer den mallen som företaget har så kör i Claude Design. Men som sagt lägg tiden från början och skapa design systemet. Och det här nu har vi ju klippt här men det tog rätt lång tid utifrån någon slags AI synpunkt. Det brukar ju gå ganska mycket fortare att göra saker och ting. Så att den har bränt en del av mina tokens nu säkert. Är den klar nu?

Nu är den klar. Och så klickar jag på edit. Just det. Och då ser du att alla de här. Ja. Det här gillade jag också.

Det är din vänsterpanel där att du bara kan göra knappar större och mindre och allt sånt. Ja, exakt. Här kan vi ju ändra precis allt. Ja. Och om vi vill ändra färgen på något sätt. Eller... Ja, allting går att ändra helt enkelt. Ja.

Det är ju riktigt coolt. Så här kan vi ändra till 48% istället. Så att, ja, nej men det här är ju helt, helt magiskt. Ja. Vilken, vilken grej. Så det är väl egentligen designsystem.

Visst var det introduktionen, eller så här, när Claude Design lanserades som typ Figmas aktie dök med 20% eller någonting. Mm, just det. Så då har vi vår försäljningspresentationsmall här, helt enkelt. Den här podden är sponsrat av Cowrite. Och det är ju vårt eget bolag. Och vi bygger skräddarsida AI-tjänster.

Och framför allt så tänkte jag berätta lite kort om våra AI-chattbottar. Och det är inte vilka bottar som helst. Det är som att ge din hemsida eller din tjänst en ny kollega. Som jobbar dygnet runt, aldrig tappar tålamodet och alltid har koll på läget. De här bottarna svarar på kunders frågor. De kan boka möten, de kan ge support och de kan guida nya användare helt på egen hand.

Så vi bygger varje bott utifrån ert innehåll och er verksamhet. Om du är intresserad av det här så får du jättegärna mejla oss på info at cowrite.com. Så berättar vi hur vi kan hjälpa er vidare. Tusen tack. Tillbaka till podden. Vad har du testat Fredrik?

Jag försökte ju förena nytta med nöje här. Jag sitter ju och gör kommande uppgraderingar för vår CV-personupplevtjänst. Där kan jag hinta om att vi kommer att möjliggöra så att man kan söka jobb direkt i tjänsten. Och vi kommer att rekrytera gränssnitt också för de som vill. kunna använda det som en större plattform. Och då har jag kämpat lite med designen.

Jag tycker inte att den riktigt är framme. Så jag ville dels i vår befintliga tjänst men också dels hur det ska bli för de som jobbar med search. Men jag kan väl bara börja med att visa min skärm. Det här är liksom vår dashboard i den nya prototypen jag bygger. Här ska man till exempel kunna hitta live feed med jobb och söka dem direkt utifrån in i vår tjänst. Men jag tycker att det här är ganska plåttrigt.

Jag tror att du håller med mig. Verkligen. Den här dashboarden tycker inte jag är så snygg. Nej. Jag tog bara skärmdumpar av det här och laddade upp i klådesign. Och

kan bara visa hur det ser ut. Jag vet inte om jag tycker att det här blev liksom super mycket bättre. Men det jag gillar är att den liksom den den tänker ju till.

Alltså den går igenom funktionerna och tänker så här okej hur hur är det här UX-mässigt liksom logiskt eller inte logiskt. Och kan man

göra förbättringar. Jag tycker det blev mycket bättre. Ja, jag tycker det. Ja, verkligen. Mycket mer överblick på det. Så att

ja, och det som jag gillar också som precis som du visade är att man lägger upp sina skärmdumpar eller sin

liksom source och sen så får man massa väldigt välställda följdfrågor. Bara för att liksom

tweaka prompten så att den blir perfekt. Och sen kan man ju liksom hela ha fortsatt dialog med

med chatten här till vänster. Och också som sagt jag gillade verkligen hela

edit-funktionen om jag bara klickar på den här knappen till exempel så vill jag ha den större

skriva just det man ser liksom ändringarna direkt. Och det här tycker jag

har liksom saknats i nästan alla såna här tjänster som jag har testat.

Så att de det är som att de har tänkt på allt verkligen för det som jag funderade på

när du visade första gången är det att man behöver man det här om man har Claude Code redan?

Men jag tycker att den ändå tar vid där Claude Code liksom inte går. För det är ju bara

prompt baserat egentligen. Men att här får du någon slags magiskt mellanting. verkligen.

Så jag tror att jag kommer sitta ganska mycket ändå i Claude Design nu när vi jobbar med den nya tjänsten och göra mina tweaks

helt enkelt. Ja. Ja, verkligen. Det här kommer vi jobba mer med.

Och vi kan ju tipsa alla om att gå in på claude.ai slash design ladda upp ert företags

brand guidelines och dra igång. Det här är liksom AI-verktyget som vi har som vi har saknat

när det kommer till presentationer. Ja, och sen gissa när man liksom är klar med sin design att man bara kan

exportera den och skicka in den i Claude Code exempelvis eller Lovable och bara

okej gör den här designen. Precis. Du kan exportera det här som massa olika format

om du vill ha den och det ingår ju också i det här vi har ju provat några bitar men du kan göra

wireframes och du kan ladda ner som en Figma-fil och så vidare och kan vara sådär.

Så att det finns alla möjligheter här. så in och testa Claude Design jag har inget negativt att säga

om det här. Nej, inte jag heller. Det här är jättebra. Men bra jag tror att vi nöjer oss där

för idag. Om ni gillar den här podden så får ni jättegärna klicka på subscribe

i Spotify och YouTube och gärna betygsätta också om ni vill

så får fler möjlighet att lyssna. Annars så får vi önska en härlig vecka

i sommarvärmen och så syns vi nästa vecka. en framtidens värld framtidens fin av

att lyssna på.