Consider these CMS tools and platforms that support converting mockups (like PSD or Figma files) to editable websites while offering UI for content editing:
Webflow: Webflow allows you to import designs from tools like Figma using plugins or integrations, customize the design elements, and make content editable within its CMS interface. It also exports clean HTML/CSS/JS, enabling control over your output. It’s user-friendly, offering a visual editor where you can specify editable content.
Framer: Framer supports importing Figma files and converting them into interactive, editable websites. You can define components and elements to be editable, making it great for custom CMS needs, although it’s more front-end-oriented.
DatoCMS + Integration: While DatoCMS doesn’t directly handle mockup-to-CMS generation, it works well with site generators like Next.js or Gatsby. By integrating design files with frameworks that can take design assets and make them editable, you can create flexible, editable CMS outputs. It may involve more developer setup but offers high flexibility.
WordPress + Elementor/ACF: You can convert Figma designs into WordPress themes and use tools like Elementor or Advanced Custom Fields (ACF) to mark specific elements as editable through an intuitive UI, with WordPress handling content management.
Sanity: If you're comfortable with a bit more customization, Sanity can be tailored to accept front-end templates with custom code for handling which elements are editable. Its headless nature allows integration with existing templates and offers a flexible content editing UI.
Builder.io: Builder.io enables importing static site files or designs and marking sections to be dynamic and editable within their CMS. It is geared towards turning design assets into editable web components with ease.
Strapi + Front-End Frameworks: Strapi is a headless CMS that can work well with static site generators or front-end frameworks, allowing for a more dynamic experience when integrating editable content areas defined by mockups. It requires manual configuration but offers flexibility.
These options give you varying levels of design-to-editable HTML integration based on your preferences and technical expertise. Webflow and Framer provide the most "out-of-the-box" experience for design-to-editable CMS conversion.