{"podcast":{"title":"devtools.fm: Developer Tools, Open Source, Software Development","slug":"devtools-fm","podcast_index_feed_id":3745116,"rss_url":"https://anchor.fm/s/dd6922b4/podcast/rss","website_url":"https://devtools.fm","image_url":"https://d3t3ozftmdmh3i.cloudfront.net/staging/podcast_uploaded_nologo/37046549/ce6a315e5ecf42d2.jpeg","author":"Andrew Lisowski, Justin Bennett","episode_count":172,"summary":"A podcast about developer tools and the people who make them. Join us as we embark on a journey to explore modern developer tooling and interview the people who make it possible. We love talking to the creators front-end frameworks (React, Solid, Svelte, Vue, Angular, etc), JavaScript and TypeScript runtimes (Node, Deno, Bun), Languages (Unison, Elixor, Rust, Zig), web tech (WASM, Web Containers, WebGPU, WebGL), database providers (Turso, Planetscale, Supabase, EdgeDB), and platforms (SST, AWS, Vercel, Netlify, Fly.io).","last_synced_at":null,"page_url":"https://stenobird.com/podcast/devtools-fm"},"episode":{"title":"Oleg Isonen, Bogdan Chadkin - Webstudio","slug":"oleg-isonen-bogdan-chadkin-webstudio","published_at":"2025-09-07T23:33:37+00:00","page_url":"https://stenobird.com/podcast/devtools-fm/oleg-isonen-bogdan-chadkin-webstudio","show_page_url":"https://stenobird.com/podcast/devtools-fm","url":"https://podcasters.spotify.com/pod/show/devtoolsfm/episodes/Oleg-Isonen--Bogdan-Chadkin---Webstudio-e37tvc4","audio_url":"https://anchor.fm/s/dd6922b4/podcast/play/107985732/https%3A%2F%2Fd3ctxlq1ktw2nl.cloudfront.net%2Fstaging%2F2025-8-7%2F407082573-44100-2-cd47d7c036cf1.m4a","summary":"Webstudio aims to fix the fragmentation between design and development by providing an open-source visual builder rooted in web platform fundamentals. The creators discuss moving away from complex component abstractions toward a more flexible, CSS-centric approach to web construction.","meta_description":"Explore the future of visual web development with the creators of Webstudio, an open-source alternative to Webflow focused on CSS and designer-developer s…","key_points":["Main idea: Webstudio prioritizes web platform fundamentals like CSS and HTML over proprietary, heavy component abstractions","Practical takeaway: Designers can leverage CSS variables from tools like Figma to maintain a single source of truth in Webstudio","Failure mode: Over-reliance on complex component hierarchies can lead to unmaintainable code and broken visual interfaces","Main idea: The 'Inception' tool uses LLMs to act as a creative engine, generating design concepts from simple text prompts","Practical takeaway: A successful visual builder should allow developers to paste raw CSS and HTML directly into the environment without manual untangling"],"chapters":[{"start_ms":60000,"title":"Foundations of Webstudio","summary":"The creators introduce their backgrounds and the motivation behind building an open-source visual builder."},{"start_ms":265000,"title":"From Prototype to Company","summary":"The journey of launching a prototype on Product Hunt and securing initial investment."},{"start_ms":665000,"title":"The Future of Interfaces","summary":"A discussion on the role of AI and text-based interfaces in the evolution of web development."},{"start_ms":1065000,"title":"The Complexity of Abstraction","summary":"Analyzing why traditional component-based abstractions often lead to maintenance difficulties in visual tools."},{"start_ms":1480000,"title":"Bridging Design and Code","summary":"Exploring the challenges of creating a protocol that enables true collaboration between designers and developers."},{"start_ms":2265000,"title":"Introducing Inception","summary":"A look at the new design tool focused on using LLMs to generate creative UI concepts from prompts."},{"start_ms":2465000,"title":"CSS Compatibility and Workflow","summary":"How Webstudio supports standard CSS and HTML to allow seamless workflows from existing web content."}],"topics":["Webstudio","Open Source","Visual Development","CSS","Web Design Tools","AI in Design","Frontend Engineering","Developer Experience"],"duration_seconds":2662,"processing_state":"processed","actions":[{"name":"request_transcript","method":"POST","url":"https://stenobird.com/v1/public/podcasts/devtools-fm/episodes/oleg-isonen-bogdan-chadkin-webstudio/transcription-requests","description":"Idempotently request low-priority transcript generation for this episode."},{"name":"read_markdown","method":"GET","url":"https://stenobird.com/podcast/devtools-fm/oleg-isonen-bogdan-chadkin-webstudio.md","description":"Read the agent-friendly Markdown representation of this episode resource."}]}}