![Sketch1.png](https://static.wixstatic.com/media/0d6674_ae8992b54f02456a9f11e52a11d32e2a~mv2.png/v1/fill/w_1280,h_723,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/0d6674_ae8992b54f02456a9f11e52a11d32e2a~mv2.png)
Intuitive Raster
Arbeite mit einem Raster direkt auf der Arbeitsfläche, um Akzente zu setzen und deinen Stil einzubauen, wo du es willst. Teile Zellen, ändere ihre Größe oder tausche sie aus, um einzigartige Layouts zu erstellen.
![](https://static.wixstatic.com/media/b1cfed_5b242152d2274922a57d75a6c548909bf000.jpg/v1/fill/w_793,h_446,al_c,q_80,usm_0.33_1.00_0.00,enc_avif,quality_auto/b1cfed_5b242152d2274922a57d75a6c548909bf000.jpg)
Codefreie Animationen und Effekte
Lass das responsive Verhalten die Arbeit machen
Arbeite in Pixeln und lasse die Plattform deine Designs für jede Bildschirmgröße optimieren. Wähle ein vorgefertigtes responsives Verhaltensmuster oder nutze die responsive KI für komplexe Designs und verfeinere sie nach Bedarf.
![](https://static.wixstatic.com/media/b1cfed_754a1dfa05e2425c9143a1422fed7bc6~mv2.jpg/v1/fill/w_147,h_83,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Frame%201000001136.jpg)
![](https://static.wixstatic.com/media/b1cfed_02d74cdbfb0b4c8482efa11c11d1bb0ef000.jpg/v1/fill/w_160,h_90,al_c,q_80,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/b1cfed_02d74cdbfb0b4c8482efa11c11d1bb0ef000.jpg)
![](https://static.wixstatic.com/media/b1cfed_88af3a1c56dc4dec984e53468f8776f7~mv2.png/v1/fill/w_49,h_62,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Frame%201003330001108.png)
![An image of functionality in Wix Studio that lets users design responsively. The following options: ‘Scale Proportionally’, ‘Wrap’, ‘Fixed’ and ‘Hug’ are shown.](https://static.wixstatic.com/media/b1cfed_d34a0ff46503448ca8c8222c88b6e4db~mv2.jpg/v1/fill/w_105,h_119,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Frame%201000001109.jpg)
Passe das CSS an und behalte die volle kreative Kontrolle
Erstelle einzigartige Grafiken und Animationen mit CSS. Verwende Medien-Abfragen, um Änderungen pro Breakpoint vorzunehmen, und benutzerdefinierte CSS-Klassen, um alles konsistent zu halten.
![An example CSS code in Wix Studio that can be customized to enable text masking.](https://static.wixstatic.com/media/0d6674_37ce808873ce4bd793a03e56e39c9115~mv2.png/v1/fill/w_48,h_62,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Code.png)
![](https://static.wixstatic.com/media/0d6674_a1584fbc18a7408fa390e64cd5ff3a63~mv2.png/v1/fill/w_98,h_167,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Code%20-%20Tablet.png)
Erstelle direkt im Editor Hintergründe mit Farbverlauf
Designe benutzerdefinierte lineare, kreisförmige, konische und fließende Farbverläufe mit unbegrenzten Farbstopps – direkt im Editor.
![](https://static.wixstatic.com/media/0d6674_fb2acbb7e8ff4daa87572eb789657a95~mv2.jpg/v1/fill/w_147,h_99,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/1Rectangle%207373.jpg)
![](https://static.wixstatic.com/media/0d6674_94bd1956326344a3af11f5f1f19bd9c8~mv2.jpg/v1/fill/w_147,h_99,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Rectangle%207373.jpg)
![](https://static.wixstatic.com/media/0d6674_35c64783e3bc4eef8fac7308b95a3608~mv2.jpg/v1/fill/w_147,h_99,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Rectangle%207199.jpg)
![](https://static.wixstatic.com/media/0d6674_e0f37b4fad084caaa9fc28bf82732980~mv2.jpg/v1/fill/w_99,h_166,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Frame%201000001450.jpg)
![](https://static.wixstatic.com/media/0d6674_b54bd196303345f1862f9088fd25252f~mv2.jpg/v1/fill/w_99,h_166,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Frame%201000001225.jpg)
![](https://static.wixstatic.com/media/0d6674_5203869519c6467a8e1e5a9ac37a69ec~mv2.jpg/v1/fill/w_99,h_166,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Frame%201000001449.jpg)
![Frame 1000001191.png](https://static.wixstatic.com/media/0d6674_2e3fcfa93a6a4b5fa53f09e16ae96d18~mv2.png/v1/fill/w_160,h_60,al_c,q_85,usm_0.66_1.00_0.01,blur_3,enc_avif,quality_auto/0d6674_2e3fcfa93a6a4b5fa53f09e16ae96d18~mv2.png)
![](https://static.wixstatic.com/media/b1cfed_ea109f4935df45089393568daea011f3~mv2.png/v1/fill/w_73,h_82,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Frame%201000001452.png)
Nutze vollständig zugängliche, SEO-freundliche Textmasken, die du mit Bildern, Farbverläufen und Videos füllen kannst.
Mache aus jedem Vektor einen benutzerdefinierten Cursor
Lade SVG-Dateien hoch oder wähle aus einer von Tausenden verfügbarer Optionen und verwende sie als benutzerdefinierten Cursor auf Elementen, Abschnitten oder Seiten.
![](https://static.wixstatic.com/media/4da84e_fa5c86281dce4a04b55229e3a15e6711~mv2.jpg/v1/fill/w_115,h_114,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/yellow%20hover.jpg)
![](https://static.wixstatic.com/media/b1cfed_d8f6b0fb1dd044f8aac558a83ddbb68f~mv2.jpg/v1/fill/w_147,h_146,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Rectangle%207019.jpg)
Sonnig
25 °C
![](https://static.wixstatic.com/media/4da84e_fd1c63db673b4bb49137b87dc30a0cee~mv2.jpg/v1/fill/w_115,h_114,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/blue%20hover.jpg)
Bewölkt
16 °C
![](https://static.wixstatic.com/media/4da84e_a8405ff6ebd541e8988eefec51cdeaec~mv2.jpg/v1/fill/w_147,h_145,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/greyhover.jpg)
![](https://static.wixstatic.com/media/4da84e_37fed475327549ab87091fb6cb578555~mv2.jpg/v1/fill/w_147,h_152,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/4da84e_37fed475327549ab87091fb6cb578555~mv2.jpg)
Regen
15 °C
![](https://static.wixstatic.com/media/b1cfed_b6268e9a478d4fd980c45d493ea0dd68~mv2.jpg/v1/fill/w_130,h_101,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Frame%201000001451.jpg)
![](https://static.wixstatic.com/media/0d6674_bf1da2fcbac2403cb1ae6da6570abbd1~mv2.png/v1/fill/w_182,h_660,al_c,q_85,blur_3,enc_avif,quality_auto/Group%20472176682.png)
![](https://static.wixstatic.com/media/b1cfed_9941ca4cc3ef460ba5d44775f5af075d~mv2.png/v1/fill/w_61,h_59,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/b1cfed_9941ca4cc3ef460ba5d44775f5af075d~mv2.png)
![](https://static.wixstatic.com/media/b1cfed_9a9a2ebe7c0f4c048ed2e79c4c280c5e~mv2.png/v1/fill/w_150,h_149,al_c,q_85,blur_3,enc_avif,quality_auto/b1cfed_9a9a2ebe7c0f4c048ed2e79c4c280c5e~mv2.png)
Design-Bibliotheken erstellen, teilen und wiederverwenden
Du musst nicht für jedes Design das Rad neu erfinden. Speichere jeden Textstil, jede Farbpalette und jede Komponente, um sie immer wieder zu verwenden.
![Examples of custom designs and elements created in Wix Studio. A custom template, text theme, eCommerce component and photograph of a woman jogging feature.](https://static.wixstatic.com/media/b1cfed_fd166f4d8073488ba9ee0e9eda52c5fa~mv2.jpg/v1/fill/w_147,h_265,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/1Desktop.jpg)
![Examples of custom designs and elements created in Wix Studio. A custom template, text theme, eCommerce component and photograph of a woman jogging feature.](https://static.wixstatic.com/media/b1cfed_39fbaceb5ae044ac8c523376bfbe7e1d~mv2.jpg/v1/fill/w_147,h_266,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/1Tablet.jpg)
![Examples of custom designs and elements created in Wix Studio. A custom template, text theme, eCommerce component and photograph of a woman jogging feature.](https://static.wixstatic.com/media/b1cfed_d1a584131ad142588e4178b19054781d~mv2.jpg/v1/fill/w_130,h_224,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/1Mobile.jpg)
Beschleunige das Tempo mit vorgefertigten Assets
Beginne mit Assets und Abschnitten, die von Expert:innen erstellt wurden und von den neuesten Web-Trends inspiriert sind, um deinen Prozess zu beschleunigen. Du kannst sie später für jedes Projekt zerlegen, neu verwenden oder anpassen.
Welcome section
![A pre-designed welcome section for a website that is available in Wix Studio. There is placeholder text on top with an image of a poster on the left and purple ripples on the right.](https://static.wixstatic.com/media/b1cfed_d8b5bccd3d084e1ba0c7b8f6eeda1f9b~mv2.png)
Click section
![](https://static.wixstatic.com/media/b1cfed_f121f613edd744aa90b1c5e4c4b3456f~mv2.png)
![](https://static.wixstatic.com/media/b1cfed_90a3d955697c4d3492d51f8822330c7f~mv2.png/v1/fill/w_49,h_25,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/b1cfed_90a3d955697c4d3492d51f8822330c7f~mv2.png)
![](https://static.wixstatic.com/media/e4cb17_03f65e10749e473191735e7b0e8aff9b~mv2.jpeg/v1/crop/x_1147,y_2542,w_1702,h_2424/fill/w_147,h_209,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/e4cb17_03f65e10749e473191735e7b0e8aff9b~mv2.jpeg)
LIVE LOUD
Describe the product here. Include important features, specifications and other relevant details.
Describe the product here. Include important features, specifications and other relevant details.
Team section
![A pre-designed team section for a website that is available in Wix Studio. There is placeholder text on top with four images of team members and their names, titles and email addresses below.](https://static.wixstatic.com/media/b1cfed_ccfa9080a99f46e7a396900f284a2942~mv2.png)
Services
![A pre-designed services section for a website that is available in Wix Studio. There is an image of a phone on the left, a headphone band in the center and a mic on the right, each one can be edited to display a service.](https://static.wixstatic.com/media/b1cfed_cf16e19c7e914f88ab9cf2a64784e21a~mv2.png)
Tabs layout
![](https://static.wixstatic.com/media/6ededf_91babbf518f449578284b520de95a88a~mv2.jpg/v1/fill/w_147,h_147,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/yuvalna_packshot_photo_of_washed_gradient_object_on_light_grey__65c05558-9fb8-42f3-9c28-1d.jpg)
Smart speaker
Change the text to include your own content. Adjust the font, size or scale to customize the style.
Include as much or as little text as you want. Tabs grow and shrink vertically to fit your text. Each tab can have a different height and look.
![](https://static.wixstatic.com/media/0d6674_61e976ef332f401e80fbc72e26dc47ff~mv2.png/v1/fill/w_84,h_134,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Frame%201000001353.png)
Hover section
![](https://static.wixstatic.com/media/b1cfed_423de490558f49f0a25050a87bad95c4~mv2.png)
Our Products
This is your Team section paragraph.
![](https://static.wixstatic.com/media/11062b_9c25b768fb004a62b911e1dbf99a8ac8~mv2.jpg/v1/fill/w_147,h_98,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_avif,quality_auto/Natural%20Soap%20Bars%20.jpg)
20$
Product Name
20$
Product Name
20$
Product Name
20$
Product Name
NEW IN!
Accordion
Change the text and add your own content, including any information that is relevant to share. Then customize the font, size and scale to make it your own.
Title 01
Change the text and add your own content, including any information that is relevant to share. Then customize the font, size and scale to make it your own.
Title 02
Change the text and add your own content, including any information that is relevant to share. Then customize the font, size and scale to make it your own.
Title 03
![](https://static.wixstatic.com/media/b1cfed_847186121c8b47aa8f7df5d9e2201362~mv2.jpg)
Footers
![A pre-designed footer for a website that’s available in Wix Studio. Placeholder contact details are on the right, with a newsletter sign-up section on the bottom.](https://static.wixstatic.com/media/b1cfed_0aaf2f3e086548019aadbff8917fc7e2~mv2.png)
About section
![A pre-designed about section for a website that’s available in Wix Studio. The image consists of text and emojis.](https://static.wixstatic.com/media/b1cfed_944f27adecd444f48ee40aa5fe26c61d~mv2.png)
Entdecke das ganze Potenzial der Plattform
Alle Design-Funktionen ansehen
Individuelle Breakpoints
Designe und optimiere Websites für jede erdenkliche Bildschirmgröße.
Designe in Pixeln
Entwirf dein Design in Pixeln, die im Hintergrund automatisch in responsive Einheiten konvertiert werden.
Figma zu Wix Studio Plug-in
Exportiere Figma-Designs nahtlos und entwickle sie weiter mit Wix Studio.
Visuelle Sitemap und Wireframe-Generator
Beschleunige die Website-Planung mit einem vollständig nativen, KI-gestützten Tool für visuelle Sitemaps, das gleichzeitig benutzerdefinierte Wireframes erstellt.
Responsive KI
Mache Websites mit nur einem Klick responsiv.
Pixelgenaue Positionierung
Bestimme die exakte Position aller Elemente, einschließlich Andocken, Rand, Größe und mehr an jedem Breakpoint.
Integrationen