Screen Routes
Back to Framer
Framerweb

Website tour

A complete, ordered walkthrough of the published website tour sequence.

2

screens in order

Flow sequence

Every screen, in context

Follow the numbered journey. Each screen includes its captured context, tags, dimensions, and detected interface text when available.

  1. Step 01 of 2

    Framer - AI Design Agent Homepage

    Homepage UI of Framer presenting it as the design agent for entire product lifecycle. Includes navigation, product feature sections highlighting design, CMS, AI agents, performance, and analytics, customer showcases, community feed, and footer with extensive resource and business links.

    web1440 × 10858landingai-curatedhomepagelanding pagedesign toolAICMSperformance analytics
    Framer - AI Design Agent Homepage
  2. Step 02 of 2

    Framer Pricing Page

    This is the pricing page for Framer, showing four main plan tiers: Free, Basic, Pro, and Enterprise. Each plan lists pricing, AI credits, domain options, bandwidth, CMS capabilities, hosting, analytics, collaboration features, add-ons, and other capabilities. The page uses a dark theme with clear structured tables and calls to action for starting free or selecting paid plans.

    web1440 × 8178pricingai-curatedplanssaassubscriptionfeaturescomparison
    Framer Pricing Page