How 2 Designers ditched Figma (sort of) to rebuild a marketing site (buildwithfern.com)

Two product designers successfully rebuilt a marketing site using AI tools like Claude Code and Claude AI, completing the project in just five weeks without a dedicated frontend developer. By treating code as their primary source of truth, they shifted away from relying solely on design platforms like Figma. The new workflow, which includes ideation in Figma and rapid iterations in Claude AI, allowed for faster product demos, streamlined content management, and significant cost savings in hosting. This project is significant for the AI/ML community as it demonstrates how AI can enhance design processes by handling the majority of initial work, while humans refine the output. Key technical elements include leveraging a tailored stack of Next.js, React, and Tailwind CSS, enabling bespoke and interactive demos. The designers implemented a feedback loop that integrates marketing copy generation directly into the development process. Overall, this approach not only improved efficiency and scalability but also set a precedent for using AI in creating effective marketing strategies, showcasing a blend of design and engineering that aligns closely with modern development practices.