[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-studio-design-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":61,"alternatives-studio-design-en-US":124,"related-resources-studio-design-en-US":173},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":24,"cons":30,"best_for":35,"cover":36,"icon":9,"pricing":37,"platform":38,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":40,"views_count":42,"featured_rank":9,"categories":43,"tags":48,"files":9},842,"Studio Design","studio-design","https:\u002F\u002Fstudio.design\u002F",null,"AI-powered web design tool with smart features","Studio Design is a next-generation web design tool with built-in AI capabilities. It combines visual web design with AI features for image generation, text editing, responsive layouts, and SEO optimization. Designers can create complete websites with smart AI assistance for layer naming, copywriting, and automatic responsive adjustments.",{"title":13,"meta_description":14},"Studio Design — AI-powered web design tool with smart features","Studio Design is a nextgeneration web design tool with builtin AI capabilities. It combines visual web design with AI features for image generation, text edi...",[16,17,18,19,20,21,22,23],"AI image generation and editing","AI copywriting and translation","Auto-responsive layout adjustment","AI layer renaming","SEO writing assist","Visual drag-and-drop editor","Real-time collaboration","Component-based design system",[25,26,27,28,29],"AI-powered design workflow","Built-in responsive tools","SEO optimization features","Good collaboration support","Intuitive interface",[31,32,33,34],"Relatively new platform","Limited template library","Advanced features require subscription","Less mature than competitors","Best for web designers and agencies looking for AI-assisted web design with built-in responsive and SEO tools","c41f1b5d-0091-47f1-900b-65b087755f86.webp","freemium",[39],"Web",{"pro":3,"free":3,"note":41},"Free version available; paid plans from $12\u002Fmo",0,[44],{"name":45,"slug":46,"sub_categories":47},"Design Tools","design-tools",[],[49,52,55,58],{"name":50,"slug":51},"AI Powered","ai-powered",{"name":53,"slug":54},"AI","ai",{"name":56,"slug":57},"No Code","no-code",{"name":59,"slug":60},"Collaboration","collaboration",[62,89,100,110],{"id":63,"url":64,"icon":9,"name":65,"slug":66,"tags":67,"cover":85,"tagline":86,"is_featured":87,"date_created":88,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[68,69,70,72,74,76,78,80,82,83],{"seo":9,"name":50,"slug":51},{"seo":9,"name":9,"slug":54},{"seo":9,"name":71,"slug":37},"Freemium",{"seo":9,"name":9,"slug":73},"free-trial",{"seo":9,"name":9,"slug":75},"image-editing",{"seo":9,"name":9,"slug":77},"video",{"seo":9,"name":9,"slug":79},"animation",{"seo":9,"name":9,"slug":81},"prototyping",{"seo":9,"name":9,"slug":57},{"seo":9,"name":9,"slug":84},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":90,"url":91,"icon":9,"name":92,"slug":93,"tags":94,"cover":97,"tagline":98,"is_featured":87,"date_created":99,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[95],{"seo":9,"name":9,"slug":96},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":101,"url":102,"icon":9,"name":103,"slug":104,"tags":105,"cover":107,"tagline":108,"is_featured":87,"date_created":109,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[106],{"seo":9,"name":9,"slug":96},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":111,"url":112,"icon":9,"name":113,"slug":114,"tags":115,"cover":121,"tagline":122,"is_featured":87,"date_created":123,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[116,119],{"seo":9,"name":117,"slug":118},"Free","free",{"seo":9,"name":9,"slug":120},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[125,131,137,143,149,155,161,167],{"url":126,"name":127,"slug":128,"cover":129,"tagline":130},"https:\u002F\u002Fmusepro.app\u002F","Muse Pro","muse-pro","afc73421-6a1a-49a7-990a-b29d3081b510.webp","AI-powered art studio for iPad",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Funicorn.studio\u002F","Unicorn Studio","unicorn-studio","9f70ec6c-87af-4ff7-8239-20f6ea2bad0a.webp","No-code WebGL effects design platform",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"https:\u002F\u002Fjam.dev\u002F","Jam","jam","e23542e7-2b74-45b5-ae19-a896543b4daf.webp","One-click bug reports with all the info developers need",{"url":144,"name":145,"slug":146,"cover":147,"tagline":148},"https:\u002F\u002Fbezelstudio.app\u002F","Bezel","bezel","ad7bb937-5168-4072-91cd-d4fe518d3343.webp","App Store screenshot mockup studio for Apple devices",{"url":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Fwww.pixellab.ai\u002F","PixelLab","pixellab-ai","2bcf2b74-7bb2-4c2f-8f51-1fa6d7608668.webp","AI pixel art generator with custom styles",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Fsky-office.co\u002F","Sky Office","sky-office","72faf396-995a-482a-a8be-d04d280f7791.webp","Virtual design office for remote creative teams",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"https:\u002F\u002Fwww.upscale.media\u002F","Upscale.media","upscale-media","d6ebc15f-0c44-48e2-a8a0-228d9e574af5.webp","AI image upscaler with 8x resolution boost",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Fwww.emojai.app\u002F","EmojiAI","emojiai","3878e65d-7e15-4344-b212-f5ff608a2596.webp","AI-powered emoji generator for custom emojis",[174,186,203],{"url":175,"icon":9,"name":176,"slug":177,"tags":178,"cover":183,"tagline":184,"is_featured":3,"date_created":185,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[179,180,181,182],{"seo":9,"name":9,"slug":60},{"seo":9,"name":9,"slug":81},{"seo":9,"name":71,"slug":37},{"seo":9,"name":9,"slug":84},"7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":187,"icon":9,"name":188,"slug":189,"tags":190,"cover":200,"tagline":201,"is_featured":3,"date_created":202,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[191,192,195,196,198],{"seo":9,"name":117,"slug":118},{"seo":9,"name":193,"slug":194},"Open Source","open-source",{"seo":9,"name":9,"slug":75},{"seo":9,"name":9,"slug":197},"svg",{"seo":9,"name":9,"slug":199},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":204,"icon":9,"name":205,"slug":206,"tags":207,"cover":213,"tagline":214,"is_featured":3,"date_created":215,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[208,210,211,212],{"seo":9,"name":9,"slug":209},"wireframe",{"seo":9,"name":9,"slug":81},{"seo":9,"name":9,"slug":60},{"seo":9,"name":71,"slug":37},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]