Framer

Use it when

You own end-to-end marketing, landing, or portfolio sites and want to design, iterate with Agents, manage CMS content, and publish hosting from one visual stack—without a separate engineering handoff for every page.

What it does well

• Canvas-native Design, CMS, and Code Agents that edit the live site layers you can still control by hand
• Full site platform: CMS, SEO, hosting, analytics, localization, and team collaboration
• Pro workflow extras: site redirects, staging, and branching with previews for safer publishes
• External agents (preview): drive site/CMS updates from tools like Cursor or Claude Code
• Clear Free → Basic (~$10/mo yearly) → Pro (~$30/mo yearly) ladder with credits for AI features

Skip it when

• Your source of truth is an App UI design system in Figma—not a publishable marketing site
• You only need IA/wireframe starters to export elsewhere—that's closer to Relume than Framer
• You need a prompt→React repo sandbox (v0/Bolt) rather than a hosted visual site builder
• Free-tier limits block you: no custom domain, light bandwidth, and Agents credits are trial-sized
• You need advanced roles, A/B (Convert), or multi-site advanced hosting without budgeting Pro add-ons and editor seats

Fits your workflow

Start from a blank canvas or Agent prompt → refine breakpoints on canvas → wire CMS → SEO and publish. Use Basic for personal/custom-domain sites; Pro when you need staging, branching, redirects, and higher CMS/bandwidth headroom. Extra editors are seat-priced; viewers stay free. Keep Figma for product UI; use Framer when the job is shipping the site.