NyhetDesignverktyg

Figma-noden kopplar dina Figma-ramar till Weave – välj vilka lager som får ändras innan du genererar varianter

Sedan den 17 september 2026 kan en ram från Figma Design klistras in i Figma Weave och bli en nod i ett generativt flöde. Du pekar ut vilka text- och bildlager som får bytas ut, resten av layouten behålls, och flödet kan ge kampanj- och språkvarianter av samma design. Release noten säger vad du kan göra men inte vad som krävs. Det står i Figmas FAQ: noden bor i Weave, inte i Figma Design, den kräver ett Weave-konto och ett länkat Figma-konto, och Weave-krediterna är skilda från Figma AI-krediterna. Här är kraven med kontrolldatum, arbetsflödet steg för steg och ett litet prov att göra på en kopia innan Connect skickar något tillbaka.

Publicerad · Senast granskad · 9 min läsning

Vit ljusbordsskiva i grå ram sedd rakt uppifrån på en gråblå platta över ett trägolv. Till vänster ett grått ark med en tryckt layout: två textspalter och ett mörkt fotografi av en interiör, fäst upptill med två metallklämmor och genomskinlig tejp och med en liten tejpflik på vardera sidan. Från den högra fliken löper tunna trådar tvärs över skivan till fyra tomma grå pappersramar i samma proportioner som står på rad, och vidare ut till högerkanten. En magentaröd kritlinje går från nedre vänstra hörnet snett uppåt höger. Till höger utanför ljusbordet ligger pappersremsor, en svart filmremsa på högkant och en liten lupp vid skivans nedre högra hörn.
Originalarket är fäst och orört; tejpflikarna märker ut de två lager som får bytas, trådarna bär bara dem vidare till de fyra tomma ramarna, och kritlinjen är gränsen du drar innan något skickas tillbaka.

Det här ändrades den 17 september 2026

Figmas release notes för den 17 september 2026 heter "Create on-brand content with your Figma designs in Weave workflows". Nyheten är Figma-noden: du kopierar en ram i Figma Design, klistrar in den i Figma Weave och ramen blir en nod i ditt flöde. Figma beskriver fyra saker du kan göra. Koppla vilken Figma-ram som helst till ett Weave-flöde. Välja vilka text- och bildlager som ska vara indata, medan ursprungliga typsnitt, layout och styling behålls. Skapa nya tillgångar i skala – Figma räknar upp kampanjvarianter, lokaliserade tillgångar, nya visuella element och video ur befintliga designer och varumärkesmaterial. Och ta in ändringar från originaldesignen i Weave så att kopplade tillgångar hålls uppdaterade. Posten avslutar med att noden är tillgänglig nu.

Det är något annat än gårdagens Weave-nyhet. Den handlade om färdiga Weave-verktyg som publiceras i Community och körs på canvasen i Figma Design; villkoren för det – vem som får publicera, vem som får köra och vad som gäller för krediter i Figma Design under betan – äger nyheten om Weave-verktyg i Community. Figma-noden går åt andra hållet: din design flyttar in i Weave. Det byter både verktyg och villkor, och det är villkoren release noten hoppar över.

Var noden bor och vad som krävs

Release noten nämner inga krav. Figmas Weave-FAQ, kontrollerad den 18 september 2026, gör det i en kort notis: Figma-noden lever i Figma Weave, inte i Figma Design. För att använda den behöver du ett Figma Weave-konto och ett Figma-konto, och Figma-kontot kopplas till Weave-kontot under Settings, Profile, Linked accounts i Figma Weave. FAQ:n säger också att du kan logga in på Weave med dina befintliga Figma-inloggningsuppgifter. Det är två olika saker: samma inloggning ger dig ett Weave-konto, länkningen under Linked accounts är det som gör att noden kan hämta och skicka ramar. Gör båda innan du provar, annars är det svårt att avgöra om ett fel sitter i ramen eller i kontot.

Lika viktigt är vad FAQ:n inte säger. Den anger ingen Figma-plan, ingen sätestyp och ingen redigeringsrätt som villkor för noden; de kraven gäller community-verktyg i Figma Design och står i en annan hjälpcenterartikel. Skriv därför inte in "kräver fullt säte" i teamets instruktion för noden bara för att det gällde gårdagens nyhet. Det Figma säger om noden den 18 september 2026 är: Weave-konto, Figma-konto, länkade. Inget mer.

Arbetsflödet i tre steg – och vad som händer med originalet

FAQ:n beskriver flödet i tre steg. Först kopierar du en ram i Figma Design och klistrar in den i ett Weave-flöde; Weave skapar en Figma-nod som innehåller en kopia av ramen, och originalfilen ändras inte. Sedan lägger du i Weave till en text- eller bildindata på noden och kopplar den till ett lager inne i ramen; när flödet körs uppdateras det lagrets innehåll. Till sist väljer du Connect på Figma-noden i Weave-filen för att skicka uppdateringarna tillbaka till Figma Design. Du kan också välja att skicka ändringar från Figma tillbaka till Weave.

Två saker i den beskrivningen avgör hur du bygger. Den första är att indata kopplas lager för lager, och att både release noten och FAQ:n bara talar om text- och bildlager. Ingen av källorna säger något om komponenter, auto layout-behållare eller andra lagertyper som indata, så räkna inte med det förrän du har provat. Den andra är att kopian är orörd vid inklistringen men att källorna inte säger vad Connect gör med originalramen – om den skrivs över, om nya ramar skapas bredvid, eller något annat. Det är därför provet nedan görs på en duplicerad fil och Connect kommer sist.

Ett praktiskt exempel: en kampanjram med en rubrik, en brödtext och en produktbild. Du kopplar rubriken och bilden som indata och låter brödtexten, logotypen och färgytorna vara. Flödet ger då varianter där bara de två lagren skiljer, och du behöver inte bygga om layouten i Weave. För språkvarianter är samma princip en fallgrop att märka ut i förväg: en tysk rubrik är ofta längre än en svensk, och vad som händer när den nya texten inte ryms i lagret säger ingen av källorna. Hur du granskar en språkvariant du inte själv kan läsa – termlista, återöversättning, siffer- och formatkontroll – går artikeln om att granska en AI-översättning igenom; det gäller lika mycket för en rubrik som en broschyr.

Två kreditsystem och en öppen prisfråga

FAQ:n är tydlig på tre punkter, alla kontrollerade den 18 september 2026. Figma och Figma Weave är för närvarande separata produkter med separat fakturering. Figma Weave-krediter och Figma AI-krediter är separata; varje produkt hanterar sin egen AI-användning och fakturering. Och Figma har inte gjort några prisändringar och säger sig fortfarande arbeta med hur Weave ska passa in i Figmas planer.

För dig betyder det att en körning av noden i Weave belastar Weave-sidan, inte de Figma AI-krediter du kanske redan räknar med. Vad en körning kostar i Weave-krediter anger ingen av källorna, och det är inget du ska gissa. Räkna i stället i genereringar: kör provet, läs av förbrukningen i Weave före och efter, och räkna upp till hela leveransen med påslag för omgenereringar. Metoden – mät på ett litet provjobb, sätt ett tak – är den som artikeln om att räkna ut vad bildjobbet kostar beskriver, och den fungerar oavsett vilket kreditsystem som dras.

Ett litet prov innan Connect

Protokollet nedan är AI-kreatörs arbetsmetod, inte Figmas. Det är byggt för att svara på de frågor källorna lämnar öppna, på en fil där ett fel inte kostar något.

Prov av Figma-noden på en kopia av filen
StegGörGodkänt när
1. KopiaDuplicera Figma-filen och arbeta bara i kopian. Kontrollera att kontona är länkade under Linked accounts.Kopian öppnar i Figma Design och Weave visar det länkade Figma-kontot.
2. NodKopiera en ram med minst ett textlager och ett bildlager, klistra in i Weave.Noden visar ramen med typsnitt och layout intakta; originalramen i kopian är oförändrad.
3. Två lagerKoppla en textindata till rubriken och en bildindata till produktbilden. Rör inga andra lager.Bara de två lagren är märkta som indata.
4. Tre varianterKör flödet tre gånger: en kort rubrik, en rubrik som är dubbelt så lång, en bild med annat bildförhållande.Du vet hur noden hanterar överlång text och avvikande bildmått – och har skrivit ned det.
5. ConnectVälj Connect på noden och titta i kopian i Figma Design.Du kan beskriva exakt vad som ändrades i filen: vilka ramar, vilka lager.

Steg 4 är det som ger dig något du inte kan läsa dig till. Den dubbelt så långa rubriken och bilden med fel proportioner är medvetet dåliga indata; om resultatet blir oanvändbart är det inte ett fel i noden utan ett villkor för steget, som ska stå i teamets instruktion: rubriker under ett visst antal tecken, bilder i ett bestämt bildförhållande. Läs också av kreditförbrukningen i Weave före och efter de tre körningarna. Steg 5 svarar på frågan källorna inte svarar på, och det svaret gäller bara din version av Weave den dag du provade.

Beslut

Använd noden för leveransen när alla fem steg är godkända, du har antecknat vad Connect gjorde i kopian och kreditförbrukningen för tre körningar står i kalkylen. Använd den bara för utkast när steg 4 visar att överlång text eller avvikande bildmått ger oanvändbara resultat och underlaget inte går att styra i förväg; då är noden ett sätt att ta fram förslag, inte ett produktionssteg. Vänta när du inte kan beskriva vad Connect gjorde i filen. Det som skickas tillbaka till en kundfil ska du kunna redogöra för lager för lager, och det är ditt prov, inte release noten, som ger dig det svaret.

Källor och kontrolltid

Tre Figma-sidor lästes den 18 september 2026: release notes för postens datum, de fyra funktionerna, avgränsningen till text- och bildlager och att noden är tillgänglig nu; Figma Weave FAQ för att noden lever i Weave, kravet på Weave-konto och länkat Figma-konto, de tre stegen med kopia och Connect, den separata faktureringen, de separata krediterna och den öppna prisfrågan; samt bloggen Connecting Figma and Weave från den 24 juni 2026, skriven av en medgrundare och creative-chef på Figma Weave, enbart som bakgrund för att noden förhandsvisades vid Config och väntades under sommaren. Bloggens uppgifter om beta, krediter och realtidsspegling är från juni och används inte som nuläge. Kontovillkor, kreditsystem och prisfrågan kan ändras och bör kontrolleras igen när de påverkar ett arbetsflöde eller ett köpbeslut. Provprotokollet i fem steg och de tre besluten är AI-kreatörs arbetsmetod. Artikeln anger inga priser eller kreditbelopp och påstår inte att andra lagertyper än text och bild stöds som indata.