Studio.Design

Active

Tagline:Det enklaste och snabbaste designverktyget för att förvandla vilken idé som helst till en webbplats. Ingen kod. All kreativ frihet.

Uppdaterad:3 september 2026

Domain Rating:

86Domain Rating by Ahrefs

Sociala medier:

Kodning och utveckling Utveckling utan kod och med låg kod AI-webbplatsbyggare AI Landing Page Generator Konst och kreativ design AI UI/UX-design AI SEO-verktyg Freemium Prenumeration Utan kod Webbapp Molnbaserad Teamsamarbete Realtid För designers

Öppna webbplats

Besök webbplats

Vad är Studio.Design?

Studio.Design är ett no-code-designverktyg för att bygga och publicera webbplatser. Designa layouter i en visuell editor med marginal- och paddingkontroller på canvas, symboler och responsiva inställningar per brytpunkt, och publicera sedan med ett klick som en live-webbplats. En inbyggd CMS, formulär, sidnivå-SEO-inställningar, stöd för Lottie-animationer och Figma-import ingår, tillsammans med realtidssamredigering och kommentarer i editorn. Kodning och serverinställningar sköts av Studio.

Hur man använder Studio.Design?

1. Registrera ett gratis konto på app.studio.design/signup. 2. Börja från en tom canvas, välj en mall från Studio Store eller importera en befintlig Figma-design och låt brytpunkter genereras automatiskt. 3. Bygg layouten i Design Editor med box-layout, drag-and-drop-kontroller för marginal och padding samt symboler för återanvända element. 4. Anpassa varje responsiv brytpunkt visuellt och lägg till animationer eller importerade Lottie-filer. 5. Lägg till dynamiskt innehåll med CMS och placera formulär för att samla svar. 6. Ange titlar, beskrivningar och webbplatskartor per sida i SEO-inställningarna. 7. Publicera med ett klick till en studio.site-adress i Free-planen, eller anslut en egen domän i en betald plan.

Studio.Design Nyckelfunktioner

Designredigerare

Designa layouter med ett intuitivt gränssnitt, från pixelperfekta justeringar till dynamiska animationer. Inkluderar box-layout, drag-and-drop-kontroller för marginal och padding på canvas, symboler för att återanvända element mellan sidor och visuell anpassning per responsiv brytpunkt.

CMS (innehållshanteringssystem)

Samarbeta kring innehållsskapande på en central plats. Redigera i realtid tillsammans och publicera när som helst. Planerna sträcker sig från 100 CMS-objekt och 3 modeller i Free till 15 000 objekt och 30 modeller i Business Plus.

Publicering med ett klick

Publicera designs som live-webbplatser med ett klick. Kodning och serverinställningar sköts. Gratiswebbplatser publiceras på studio.site; betalda planer lägger till en egen domän.

Formulär

Skapa formulär för att engagera besökare och anpassa animationer, färger och mer utöver mallarna. Svarsgränserna går från 100 i Mini till 10 000 i Business.

SEO-kontroller

Anpassa SEO för varje innehåll, generera webbplatskartor automatiskt och anslut Google Analytics, Google Search Console och annonsspårningstaggar i betalda planer.

Lottie-animationer

Importera Lottie-filer direkt för att lägga till rörelse i designs, plus inbyggda effekter som toning, glidning, expandering, lutning, oskärpa och monokrom som går att justera varje sekund.

Figma-import

Ta med befintliga Figma-designer, se brytpunkter genereras automatiskt och publicera resultatet som en live-webbplats.

Samarbete i realtid

Samredigering i realtid, ett Content Edit Mode där redigerare kan ändra text och bilder samtidigt som designen bevaras, samt kommentarer för att lämna förslag i editorn.

Typsnitt och dataanslutningar

Över 900 typsnitt tillgängliga utan extra kostnad, plus API-anslutningar till Notion och Airtable så att sidor kan designas med verklig data. Unsplash och iframe-inbäddningar är inbyggda.

Studio.Design Användningsområden

Bygga en portföljwebbplats utan att skriva kod (Personal-planen är avsedd för portföljer)

Publicera en ensidig landningssida på en egen domän med Mini-planen

Lansera en startup-marknadsföringswebbplats med CMS-styrda sidor, analys och omdirigeringar i Business-planen

Driva ett byråflöde där designers bygger klientsidor och kunder redigerar text i Content Edit Mode

Konvertera en befintlig Figma-design till en responsiv live-webbplats

Underhålla en blogg eller fallstudiesamling med hjälp av CMS-modeller och objekt

Hantera flera kundprojekt, medlemmar och betalningar från ett Team-arbetsområde

Studio.Design Vanliga frågor

Vad händer om jag överskrider min gräns för formulärsvar?

Svar utöver gränsen visas inte i instrumentpanelen eller e-postaviseringarna. Att uppgradera din plan ger tillgång till dessa svar, från de äldsta och framåt.

Vad är CMS-objekt?

CMS-objekt är innehållsbitar som blogginlägg eller samlingar som hanteras via Studios CMS. De hjälper dig att organisera och uppdatera dynamiskt innehåll effektivt.

Kan jag nedgradera till en plan med lägre gränser?

Du kan schemalägga en nedgradering även om ditt nuvarande innehåll överskrider den nya planens gränser. Dock kommer alla CMS-objekt eller funktioner utöver dessa gränser att avpubliceras. Justera ditt innehåll innan nedgraderingen träder i kraft.

Vad täcker chattstödet?

Chattstödet hjälper till med Studio-relaterade problem eller frågor. Studio kan inte hjälpa till med tredjepartstjänster eller ge designråd. Öppna chattstödet genom att klicka på "?" i editorn.

Finns återbetalningar efter köp av en plan?

Återbetalningar finns inte tillgängliga efter köp. Läs igenom planens detaljer noggrant innan du prenumererar.

Kan jag växla mellan års- och månadsbetalning?

Att byta från månads- till årsbetalning för samma eller högre plan är tillåtet och inkluderar rabatt på återstående månader. Att byta från års- till månadsbetalning stöds inte — du måste nedgradera till Free och prenumerera på en månadsplan.

Vilka betalningsmetoder accepteras?

Studio accepterar kredit- och betalkort.

När dras min årsbetalning?

Årsbetalningar dras på uppgraderingsdagen och förnyas automatiskt samma datum varje år. Om du till exempel uppgraderar den 19 april 2023 innebär det att nästa betalning förfaller den 19 april 2024.

Studio.Design Produktbakgrund & officiella länkar

Studio.Design Support-e-post & kundtjänstkontakt & återbetalningskontakt etc.

Studio.Design Support-e-post: hello@studio.design

Mer kontakt, besök Om oss sida(https://help.studio.design/en/)

Studio.Design Företagsinformation

Studio.Design Företagsnamn: STUDIO Inc.

Studio.Design Utvecklartyp: company

Studio.Design Företagsadress: Tokyo, Japan

Mer om Studio.Design, Besök gärna Om oss sida(https://help.studio.design/en/)

Studio.Design Prissättning

Studio.Design Prislänk: https://studio.design/pricing

Studio.Design YouTube

Studio.Design YouTube-länk: https://www.youtube.com/channel/UCacZBasz9QI5k0hcB5HKYoQ

Studio.Design Twitter

Studio.Design Twitter-länk: https://twitter.com/studio

Studio.Design Instagram

Studio.Design Instagram-länk: https://www.instagram.com/sitedesigntool

Studio.Design LinkedIn

Studio.Design LinkedIn-länk: https://www.linkedin.com/company/studiodesignapp

Studio.Design Priser och planer

Free

Gratis

Designverktyg
Publicera till studio.site
Studio-badge visas
50 sidor
100 CMS-objekt över 3 modeller
5 GB lagring
Versionshistorik 1 dag
15 dagars analys

Prenumerera och uppgradera nu

Mini

Återkommande

$10 /månad

För ensidiga webbplatser
Egen domän
2 sidor + 404-sida
100 formulärsvar
Integrera appar
Versionshistorik 5 dagar
$5 /månad vid årsbetalning (över 20 % rabatt)

Prenumerera och uppgradera nu

Personal

Återkommande

$12 /månad

För portföljer
Egen domän
150 sidor
1 000 formulärsvar
Lösenordsskydd
Integrera appar
1 000 CMS-objekt över 5 modeller
10 GB lagring
Versionshistorik 30 dagar
$10 /månad vid årsbetalning (över 20 % rabatt)

Prenumerera och uppgradera nu

Mest populära

Business

Återkommande

$35 /månad

För start-ups
Allt i Personal
300 sidor
10 000 formulärsvar
Grundläggande behörigheter
Obegränsad analys
301-omdirigeringar
5 000 CMS-objekt över 10 modeller
Versionshistorik 120 dagar
$25 /månad vid årsbetalning (över 20 % rabatt)

Prenumerera och uppgradera nu

Business Plus

Återkommande

$110 /månad

För snabbväxande företag
Allt i Business
15 000 CMS-objekt över 30 modeller
Versionshistorik 360 dagar
Avancerade behörigheter
Anpassade sidhuvuden
Aktivitetsloggar
100 GB lagring
Prioriterad support
Valfria tillägg som Custom Proxy för $290 /månad
$80 /månad vid årsbetalning (över 20 % rabatt)

Prenumerera och uppgradera nu

Team

Återkommande

$18 /månad per medlem

Arbetsområdesplan faktureras separat från projektplaner
Obegränsat med medlemmar
Obegränsat med projekt
Bjud in gäster
Anpassade behörigheter
Från 3 medlemmar från $54/månad
$14 /månad per medlem vid årsbetalning

Prenumerera och uppgradera nu

Studio.Design Taggar

Freemium Prenumeration Utan kod Webbapp Molnbaserad Teamsamarbete Realtid För designers För skapare För startups Mycket anpassningsbar Utan konfiguration Säker data

Lämpligaste yrken för Studio.Design

Frilansare Indie Hackers Småföretagare Självmedia & Influencers SEO-specialister Skribenter & Marknadsförare Studenter

Vad är Studio.Design?

Hur man använder Studio.Design?

Studio.Design Nyckelfunktioner

Designredigerare

CMS (innehållshanteringssystem)

Publicering med ett klick

Publicera designs som live-webbplatser med ett klick. Kodning och serverinställningar sköts. Gratiswebbplatser publiceras på studio.site; betalda planer lägger till en egen domän.

Formulär

Skapa formulär för att engagera besökare och anpassa animationer, färger och mer utöver mallarna. Svarsgränserna går från 100 i Mini till 10 000 i Business.

SEO-kontroller

Anpassa SEO för varje innehåll, generera webbplatskartor automatiskt och anslut Google Analytics, Google Search Console och annonsspårningstaggar i betalda planer.

Lottie-animationer

Importera Lottie-filer direkt för att lägga till rörelse i designs, plus inbyggda effekter som toning, glidning, expandering, lutning, oskärpa och monokrom som går att justera varje sekund.

Figma-import

Ta med befintliga Figma-designer, se brytpunkter genereras automatiskt och publicera resultatet som en live-webbplats.

Samarbete i realtid

Samredigering i realtid, ett Content Edit Mode där redigerare kan ändra text och bilder samtidigt som designen bevaras, samt kommentarer för att lämna förslag i editorn.

Typsnitt och dataanslutningar

Över 900 typsnitt tillgängliga utan extra kostnad, plus API-anslutningar till Notion och Airtable så att sidor kan designas med verklig data. Unsplash och iframe-inbäddningar är inbyggda.

Studio.Design Användningsområden

Bygga en portföljwebbplats utan att skriva kod (Personal-planen är avsedd för portföljer)

Publicera en ensidig landningssida på en egen domän med Mini-planen

Lansera en startup-marknadsföringswebbplats med CMS-styrda sidor, analys och omdirigeringar i Business-planen

Driva ett byråflöde där designers bygger klientsidor och kunder redigerar text i Content Edit Mode

Konvertera en befintlig Figma-design till en responsiv live-webbplats

Underhålla en blogg eller fallstudiesamling med hjälp av CMS-modeller och objekt

Hantera flera kundprojekt, medlemmar och betalningar från ett Team-arbetsområde

Studio.Design Vanliga frågor

Vad händer om jag överskrider min gräns för formulärsvar?

Svar utöver gränsen visas inte i instrumentpanelen eller e-postaviseringarna. Att uppgradera din plan ger tillgång till dessa svar, från de äldsta och framåt.

Vad är CMS-objekt?

CMS-objekt är innehållsbitar som blogginlägg eller samlingar som hanteras via Studios CMS. De hjälper dig att organisera och uppdatera dynamiskt innehåll effektivt.