Framer AI AgentsDesign and publish professional sites with AI
DesignLayer
AI website design and Next.js generation in one workspace
7 followers
AI website design and Next.js generation in one workspace
7 followers
DesignLayer is an AI workspace for creating editable website designs and generating Next.js code. Describe the website you want, generate a design, refine the content and layout, and turn it into a Next.js starting point from the same workspace. It is built for makers, freelancers, and small teams who want to move from idea to usable website faster without starting from a blank canvas.
Curious about how editable the generated designs actually are once they're in the workspace — like can I tweak individual components without breaking the Next.js code sync?
@ersinkeman Thanks for the question!
At the moment, editing is still in its early stage. You can make small changes like moving elements, replacing images, and updating text directly in the workspace.
You can also edit through chat, but we're still improving its reliability, and there are currently some bugs we're working through. For now, DesignLayer is best suited for smaller edits rather than large structural changes.
Keeping the generated Next.js code in sync while making editing more flexible is one of our biggest priorities, and we're actively improving it. Thanks for asking!
Spent a few minutes describing a portfolio site and the layout it generated actually looked decent without much nudging. Exporting to Next.js from the same canvas was a nice touch for skipping the boring setup step.
@feride178675 Thanks a lot! I'm really glad you enjoyed it. We're constantly improving the layout generation and export experience, so expect it to get even better. Thanks for trying DesignLayer!
Finally tried something that bridges the gap between Figma and a real codebase. Generating the Next.js scaffold right from the same canvas was way smoother than juggling exports.
@tahir51223 Thanks a lot! I'm really glad you enjoyed it. We're constantly improving the layout generation and export experience, so expect it to get even better. Thanks for trying DesignLayer!
Spent a few minutes on it and the workflow from description to editable design feels surprisingly smooth, no clunky back-and-forth between tools.
@barutcugil39607 Thanks a lot! I'm really glad you enjoyed it. We're constantly improving the layout generation and export experience, so expect it to get even better. Thanks for trying DesignLayer!