Release Notes

March 31, 2026

What's New

• Spec creation: Click + New in the Specs panel to create a spec from built-in templates (PRD, System Prompt, Technical Design, User Flow) or your own custom templates.
• Edit comments and replies: You can now edit your own comments and replies. Edit actions only appear on comments you authored. See Comments.
• Auto-attach active file to chat: The Chat panel automatically attaches the file from the active code or spec editor tab as context.
• Modifier keys for margin and padding: Hold Alt while dragging a margin or padding handle to edit opposite sides together. Hold Shift to edit all sides at once. See Visual Editing.

Improvements

• Modifier key hints: A tooltip showing available keyboard modifiers appears when you drag a margin or padding handle.
• Smarter margin handles: Vertical margin handles no longer appear on inline elements, where top and bottom margins have no effect.
• Comment character limit: The comment input shows a character count indicator.
• Chat panel resizer controls: Controls on the left sidebar resizer let you expand the Chat panel to full height or collapse it.
• Team members on the Dashboard: Project cards on the Dashboard now show team member avatars.
• Comments panel polish: The comments panel has an additional close button, improved reply button alignment, and corrected pill text in dark mode.
• Add Panel auto-edit: Dragging an element from the Add Panel automatically switches to Edit mode if you're in Preview mode.
• Plan editor tweaks: The Regenerate Plan button has been removed. The home page URI field now shows validation instead of being disabled. New features and sections receive a counter suffix. Empty action menus on page cards are hidden.

Bug Fixes

• Fixed modifier keys (Alt, Cmd, Shift) getting stuck after taking a macOS screenshot.
• Fixed a misleading dynamic text notification that referenced the Props tab. It now reads "Ask AI to edit."
• When signing in from the LinkedIn iOS in-app browser, a notice now guides you to open your default browser.

March 25, 2026

What's New

• Comments: You can now leave comments on any page in your project. Navigate to a page, add a comment, and collaborate with your team in a threaded panel.
• Improved first generation agent: The agent that builds your first project now produces better designs and has access to web crawling and searching tools, giving it more context to work with.
• Add Panel: A new sidebar panel that shows all media files in your project. Browse images, videos, and other assets, use the scopes selector to filter them, and attach media to chat conversations with a context toggle.
• Typing indicators: When a collaborator is typing in the Chat panel, a typing indicator shows their name so you know a message is on the way.
• Drag-and-drop chat attachments: Drag files and folders from the Files panel or media tab directly into the chat input to attach them to your message.
• Distance measurement: Hold Alt and hover over an element to see pixel distances between it and the selected element. Distance lines with labels appear as an overlay on the canvas.

Improvements

• Spec validation: The plan editor now validates your project spec before building. Errors are highlighted by section, and the Build button is disabled until the spec is valid.
• Light and dark mode suggestion: When your project supports only one color scheme, a callout suggests adding support for the other. The AI can add the missing theme for you.
• Fix with AI for invalid routes: If a dynamic route in the Pages dropdown points to a 404 or returns an error, a Fix with AI button appears to resolve it.
• Plan tab: The plan editor now opens in its own dedicated tab in the center area instead of appearing as a preview overlay.
• Duplicate name prevention: Creating a file or folder with a name that already exists in the same directory shows a toast notification instead of silently overwriting.
• Expandable message queue titles: Long titles in the message queue can be expanded to read the full text.
• Smoother style editing: CSS transitions are temporarily disabled while you edit styles through the Editing Toolbar or drag handles, preventing visual jitter during adjustments.
• Components button visibility: The Components button in the address bar is hidden when the project has no component gallery route defined.

Bug Fixes

• Fixed an issue where app generation in default mode could use the wrong AI model, causing generation failures.
• Fixed chat sections expanding unexpectedly when hovering on Safari.
• Fixed scrollbars always appearing in the chat selector on Windows, and long chat titles wrapping incorrectly.
• Fixed the code editor not jumping to a new location when the file is already open in a tab.
• Fixed search results opening in the primary tab area instead of the secondary tab group.
• Fixed cursor styles for resizer controls and added a visible border to the resize handle.

March 17, 2026

What's New

• Real-time collaboration: Invite team members to work on a project together or hand off work in progress.
• Project plans: Start a new project with a plan that defines pages and features before development begins.
• Custom MCP integrations: Connect external services or your own MCP servers from the Integrations panel.
• New add-ons: Lexical, AG Grid, and Monaco Editor are now available as add-ons.
• Margin and padding handles: Adjust margins and paddings directly on the canvas using handles that appear when you hover over the selection frame.
• Chat threads: Create new Chat threads for a clean conversation or return to previous threads when you need existing context.

Improvements

• Faster editor server startup: The editor server now starts more quickly.
• Gemini 3.1 Flash (Nano Banana 2): Added to the Media panel model options and now the default model for AI-generated images in Chat.
• Unpublish projects: You can now unpublish a published project.
• Add-on suggestions in insertion points: On-canvas insertion points now suggest add-ons alongside other elements.
• Preview mode as default: The editor now opens in Preview mode by default.
• Faster initial project generation: The AI generates new projects more quickly on the first run.
• Font family design tokens: The Theme panel now supports editing font family design tokens.

Bug Fixes

• Buttons in the top-right corner of the Top bar no longer get clipped when panels are open.
• Resolved edge cases that prevented the code editor from loading.
• File attachments in Chat messages now display their previews correctly.

March 10, 2026

What's New

• Mobile-specific visual edits: Visual edits made while in mobile Preview now apply through a CSS media query, so they only affect the mobile layout without changing the desktop view.

Improvements

• Large text pastes as file attachments: Pasting large text snippets (such as PRDs or code) into the Chat now automatically attaches them as files instead of inserting raw text into the prompt, keeping the conversation readable.
• Faster project generation: The AI generates new projects faster.
• Chat file links open in split view: Opening files referenced in Chat responses now opens the Code panel in a split view alongside the Preview.
• Color picker dismiss behavior: Clicking outside the color picker now closes it.
• Edit / Preview toggle: Clicking anywhere on the toggle now switches modes.

Bug Fixes

• Stale build error messages in the Chat are now cleared once the issue is resolved.
• File icons in the Files panel now display correctly in both light and dark modes.
• Theme color changes now update more smoothly in the Theme panel.
• The color picker now displays colors correctly according to the current light or dark mode.

March 4, 2026

What's New

• Typography controls: Edit and fine-tune your project's typography design tokens with new visual controllers in the Theme panel.
• AI image editing: Ask the AI to edit any image in your project. Describe the changes you want in the Chat panel and watch it happen.

Improvements

• Drag into sibling containers: Drag elements on the stage into sibling containers within the same scope.
• Markdown tables in Specs: The Specs editor now supports displaying and editing markdown tables.
• Keep changes on cancel: Canceling an AI operation now preserves all file changes, so you can continue from where the AI left off or prompt differently.
• Smarter AI guidance: The AI is now more knowledgeable about Dazl's capabilities and can guide you when asked.
• Preview address bar: Improved responsive behavior in the Preview address bar.
• Consistent property reset: Aligned reset behavior across the visual controllers in the Editing Toolbar.
• Improved insertion points: Improved the experience of using insertion points on the stage.
• Updated model list: Removed older models, keeping only the latest and most capable options.

Bug Fixes

• Fixed an issue where the Chat input would hide text unexpectedly.
• The code editor now resizes correctly when the window size changes.
• Resolved an issue where the Specs editor could get out of sync after external changes to markdown files.
• Resolved a rare edge case where Chat messages could get stuck temporarily.

February 25, 2026

What's New

• Component page: Browse and edit your project's entire design system in one place.
• Split-screen view: See code and specs side by side with the Preview.
• Gemini 3.1 Pro: A new model geared toward design and creativity. Select it from the Model selector to explore different design directions.
• dazl.dev redesign: The Dazl website has a fresh new look.
• Help Center: New documentation and an AI assistant for Dazl questions, available at https://help.dazl.dev/.

Improvements

• Visual editing: Actions now handle a wider range of complex CSS designs.
• JSX expression context: JSX expressions can be attached as context in the Chat panel, just like any other component or element.
• Preview address bar: Shows a cleaner version of the current URL unless you focus it.
• Concurrent projects: You can now run up to 3 projects at once. Opening a 4th prompts you to choose which one to close.
• Third-party component selection: Improved how Dazl handles selecting elements inside third-party components.
• Preview overscroll: Removed overscroll behavior from the Preview.

Bug Fixes

• Fixed a rare case where chat messages failed to send after loading the Editor.
• Improved messaging when disconnected from the server.

February 18, 2026

What's New

• GitHub integration: Connect your project to a repo and bring your whole team along. Real handoffs and access to the rest of your toolset.
• Claude Sonnet 4.6: Anthropic's newest model has landed. It strikes a great balance between cost and performance — try it out in the Chat model picker.
• Google Fonts: The Font Family input now suggests top fonts and lets you search the entire Google Fonts library.
• Quick insert buttons: Insertion points now let you add any element — from simple divs to complex structures with Emmet — or ask the AI to build exactly what you need.
• Queue AI tasks: You can now queue new tasks for the AI while it's still working on the current one.
• Shortcuts reference: See all Dazl shortcuts in one place through the Project Menu or by pressing Shift+?.
• Completion sounds: Enable a notification sound in User Settings to know when the AI has finished its task.

Improvements

• Mode switching: Improved the experience for toggling between Edit and Preview modes.
• Faster Theme panel: Improved loading performance.
• Create Supabase projects: You can now create a new Supabase project directly from Dazl after connecting your account.
• Auto-pin code editor: Start typing in an unpinned code editor and it automatically pins itself.
• Focus filter: The Filter selected toggle in the Elements panel narrows the tree to show only the current selection and its descendants.

Bug Fixes

• Fixed an issue where the AI response animation in the Chat would reset when changing panels.
• Fixed Feature Panels jittering on resize.
• Removed a duplicate heading that appeared while dragging a component or element on the preview.
• You can now enter a Supabase project ID manually if automatic retrieval fails.

February 11, 2026

What's New

• Brand new UI: We've completely redesigned the editor. Feature panels live on the left, inspection panels on the right, and a multi-tabbed stage front and center. It's cleaner, faster, and built for how product teams actually work.
• Clone any website: Want to riff on an existing design or quickly prototype for an existing app? Just give the AI any website URL and use it as your starting point.
• Docs as context: See a spec or system prompt you want the AI to follow? Attach any markdown file from the Specs panel to the Chat with a single click.
• Claude Opus 4.6: Anthropic's smartest and most capable model is now ready to use in Dazl.

Improvements

• Fresher typography: The AI now pulls from a wider range of fonts when designing, so your projects look less templated and more unique
• Smarter file selection: The AI is now better at figuring out which files actually matter for your request
• Search and filter: The Simple Editing Bar inputs now support searching and quick filtering
• Layout controls: The Sizes panel now includes positioning controllers for fast layout tweaks
• Quick duplicate: Duplicate any selected element on stage instantly with Cmd/Ctrl+D
• Clear values: Toggle buttons and the Simple Editing Bar now let you clear values with a click

Bug Fixes

• The Specs editor no longer marks files as changed when nothing was actually modified
• Formatting text and header blocks in the Specs editor now works as expected
• Fixed a rare case where the AI would receive outdated files as context

February 6, 2026

What's New

• Claude Opus 4.6: Anthropic's newest and most capable model just dropped, and it's already available in Dazl. Try it out in the model selection menu.

February 4, 2026

What's New

• Addons: Connect external libraries and services to your project with a prompt and a click. Add AI capabilities, interactive maps, flow builders, beautiful galleries, and more.
• Custom domains: You can now connect your own custom domains to any project
• History panel: A new panel offering a single view of your entire project history with the ability to restore to any point in time
• Object editing: The Property Panel now offers a visual controller to view and edit Objects passed to components

Improvements

• Integration status: Built-in integrations (Supabase, Figma) now show a warning badge if their connection has broken
• Figma re-auth: You can now re-authorize your Figma integration with a click if it loses connection
• Download project moved: The "Download Project" option has moved from the Dev Tools menu to the User Menu in the top left
• Simple Editing Bar: Now part of the Preview Stage
• Faster image handling: Improved the performance of saving and viewing generated images
• Draggable panels: The Integrations and Theme panels are now draggable and can be moved around

Bug Fixes

• Fixed an issue where pressing Up after selecting a node in the Elements panel would cause the selection to jump too many parents in the tree
• Fixed an issue where the Stage would sometimes lose hashes at the end of URLs
• Fixed warning notifications about disconnected integrations not being displayed
• Fixed an edge case where the Icons panel would show an empty list when selected on an appropriate icon
• The Media panel now properly updates when new assets are added to the project

January 29, 2026

What's New

• Figma integration: Authorize with a click, select a frame, copy the link, and ask Dazl to implement it for you. Get to interactive prototypes faster than ever and stay on brand.
• Markdown editor: Dazl now locates and offers an editing panel for any markdown file in your project, including system prompts. Open the Dev Tools, create specs, and tweak the AI behavior to your liking.
• Array editing: The Property Panel now includes a new visual controller to view and edit any arrays passed to the component

Improvements

• Sticky selection: Dazl's Stage now uses Sticky Selection for better, more exact selection control. Double-click to drill into nested elements, or use Cmd/Ctrl+click to select any element immediately.
• Link panel: Improved behavior, bound URL UI, and corrected behavior when removing existing links
• Larger attachments: You can now upload assets of up to 15MB to the Chat
• Better AI context: Improved what selection context is provided to the AI
• Draggable panels: All panels in the Simple Editing bar now include a handle to drag them anywhere on screen
• Analytics preference: Choosing to share analytical data with us is now persisted for each user (it really helps us improve Dazl!)
• Auto-collapsing messages: The latest Chat message now auto-collapses when new messages are added

Bug Fixes

• Reloading a page no longer incorrectly redirects to the home page
• Resolved an edge case where sending code examples to the AI could break the Chat
• Canceling pending messages to the AI no longer causes manual edits to disappear
• The Stage scroll behavior is now better synchronized even when manipulated programmatically
• Duplicating a project now displays its home page screenshot without requiring a refresh
• Dazl is now better aware of the current time and date
• Removed unnecessary "unsaved" tag appearing in the Secrets panel

January 20, 2026

What's New

• AI web search: The AI can now search the web for the most up-to-date information, best practices, documentation, and more
• AI personality: You can now set the AI chat personality to "Friendly", "Direct", or "Technical" in the User Settings panel
• Children property editing: The property panel now shows element tags for the Children property, with the ability to reorder, duplicate, or delete them
• Image previews in chat: Images generated through the chat now include a preview and can be viewed full screen with a click
• Console explainer: You can now ask the AI to explain any message in the client or server consoles in the Dev Tools with a single click

Improvements

• Multiple file attachments: You can now attach multiple files to the Chat
• Better text editing: Editing text on Stage with a double click is now smoother
• Consistent chat styling: AI responses in the Chat now look more consistent
• Smoother toolbar loading: The toolbar now loads more smoothly on project start

Bug Fixes

• Resolved an edge case where the Secrets panel would maintain stale state data
• The Publish panel is now disabled during AI operations

January 13, 2026

What's New

• AI image generation: The AI can now generate custom images on demand using Imagen 4. Additional models are still available via the Media Panel.
• Gemini 3.0 Flash: Now available in the model selection menu, ideal for quick tweaks and small changes
• Auto-saved gradients: Color gradients generated via the panel are now automatically saved to the project
• Quick icon swap: Double-clicking on any Lucide icon on the Stage opens the Media Panel to let you change it

Improvements

• Visual image editing: Images in component properties can now be edited visually through the Simple Properties Panel
• Gradient panel state: The gradient panel will no longer reset its state during generation

Bug Fixes

• Resolved an edge case where the Stage would fail to connect to the editor environment
• Dazl will no longer create an empty .env file when the panel is opened and no secrets are detected

January 6, 2026

What's New

• Project screenshots: The Dazl home page now shows screenshots for each project's home page
• Secrets management: Manage your keys and secrets through a dedicated panel in the Dev Tools
• User settings: A new User Settings panel has been added, starting with color scheme preference. This is saved to your account and syncs across sessions and devices.
• Direct edit mode: The editor now loads directly into Edit mode, so you can start making changes right away without an extra click
• Advanced Properties panel: The Dev Tools computed properties panel is now the Advanced Properties panel, capable of displaying and editing all properties connected to the current selection
• Visual color editing for component props: Component properties used to determine colors can now be edited visually in the Simple Editing properties panel

Improvements

• MCP status indicators: MCP integrations now show an indicator for their current state, not just whether the integration was authorized
• Better ".env" file handling: The structure and comments inside ENV files are now better preserved
• Cleaner hover behavior: Removed stage highlights from appearing when the chat history was hovered
• Fullscreen preview: Items inside the preview on stage can now go full screen with user consent
• Crash recovery: Crashes to the development server are now better reported and can be automatically fixed by AI

Bug Fixes

• Fixed an edge case where after navigating to a new page on screen, the scroll would misbehave
• Attempting to rename a project to the same name as an existing project now displays a better error message
• Some editing actions were mistakenly left open during server initialization. They are now blocked.
• Fixed publishing projects with certain dependencies resulting in an error

December 22, 2025

What's New

• Supabase integration: The first built-in integration is here! Extend your project with Supabase for a database, user management, storage, and more. Supabase will ask for confirmation before performing any potentially dangerous actions.
• Model selection: Choose your favorite model per task with a new dropdown menu offering models from Anthropic and Google, including Claude Opus 4.5 and Gemini 3.0 Pro
• AI-powered gradients: Generate beautiful gradients using AI through the background color panel

Improvements

• Image panel design: Improved the design of the image panel when the image source is dynamic
• More concise AI: The AI is now more to the point in its responses
• Color panel behavior: Selecting a color after detaching the color panel from the Simple Editing bar no longer causes the panel to close
• Faster panel opening: Panels in the Simple Editing bar now open faster

Bug Fixes

• Fixed unintended cases where the stage would jump to a selection even in preview mode
• Logs are now better preserved across refreshes

December 15, 2025

What's New

• Project management: You can now rename, duplicate, and delete any of your projects from the home page
• System theme support: The theme panel now supports viewing light/dark mode according to your system preference
• Eyedropper color picker: Pick any color visible on your screen directly from the color picker (Chrome only)
• Delete generated images: You can now delete images in the image panel
• Expanded visual editing: More cases where elements are defined outside of their components can now be visually edited

Improvements

• Hex color support: The color picker now also supports Hex color format
• More font variety: The AI will now suggest more diverse font offerings in its designs
• Better spacing overlays: Improved how margin/padding overlays are displayed on text nodes
• More attachment types: You can now attach js, ts, css, and md files to the Chat
• Clearer bound expressions: The property panel now displays better information about bound expressions

Bug Fixes

• Fixed panel dragging from the Simple Editing bar on Safari
• Fixed changes to the node_modules directory sometimes not being picked up
• Fixed a rare issue where the AI responded with broken output (you can now retry these requests)
• Fixed a rare issue where panels in the Simple Editing bar would not open on first click

December 8, 2025

What's New

• Preview mode highlights: Selection highlights now appear on stage even in preview mode when referencing elements in the Chat or Dev Tools panels
• Download code: You can now download your code from the Dev Tools panel menu (in addition to the Code tab)

Improvements

• Theme manager: Improved search, color visibility, and light/dark mode toggle behavior
• Image generation panel: Improved button states, icons, spacing, and tooltips
• Smarter AI: Improved knowledge of visual (manual) edits you've made to the code
• Smarter AI: Will no longer wrongfully retry requests that previously failed or were cancelled, unless explicitly asked to
• Smoother updates: When a new version of Dazl is deployed while you're using it

Bug Fixes

• Fixed an issue where reconnect sync failures could leave the editor in a broken state requiring a refresh
• Resolved an edge case where forced element states couldn't be cancelled
• package-lock.json changes are no longer treated as manual edits

December 1, 2025

What's New

• Image Generation gets a major upgrade
  • More creative control: Generate with new AI models (including Nano Banana Pro!), choose aspect ratios, and apply style presets for better results
  • Auto-save: Generated images now save automatically and can be applied straight from the panel
  • Double-click to edit: Interact with images on the stage more intuitively
• Stage and editor enhancements
  • Visual spacing overlays: See margin and padding overlays on stage when the relevant visual controllers are open
  • Quick access to published projects: View your published project directly from the Dazl home page
  • Mobile publishing: You can now publish your project even when in mobile mode

Improvements

• Improved connection stability: Complete rework of Dazl's connection mechanism, making it more stable than ever and eliminating client disconnections
• Smarter AI assistance
  • Better context awareness: The AI now understands your selections more accurately
  • Graceful error recovery: If something goes wrong mid-task, the AI will try an alternative approach instead of stopping
  • Devtools access during generation: You can now inspect and view your project while the AI is working, instead of the UI being fully blocked
• Quality of life
  • Live config reload: Changes to your environment settings now apply without a manual restart
  • Billing portal always accessible, even on the free plan: Manage your subscription anytime from your account
  • Faster Style Panel suggestions in the Dev Tools
  • Better Theme Panel: Now indicates if any colors under a specific palette are invalid and allows editing them. Changing colors is also significantly faster

Bug Fixes

• Safari stage rendering errors
• File attachments sometimes failing to include in the chat
• AI referencing outdated element positions
• Package-lock showing phantom diffs