WordPress Connectors Prototypes

Design mockups for Settings › Connectors — #64591

Proposed Design
⚡
Connectors Screen Proposed
Settings › Connectors page with interactive card states for AI provider connections.
  • Install — plugin not yet installed
  • Installing — plugin download in progress
  • Activate — plugin installed but inactive
  • Connect — plugin active, no API key
  • Setup — API key entry form
  • Connected — key saved, service active
  • Edit — modify or remove existing key
→
📝
Content Guidelines
Define how content should look, read, and feel — guidelines for site goals, copy tone, images, blocks, and more.
  • Site — purpose, goals, audience
  • Copy — tone, voice, style, formatting
  • Images — style, dimensions, mood
  • Blocks — per-block-type guidelines
  • Additional — SEO, legal, citations
  • Import / Export / Revert actions
→
Documentation
🧩
Components
All UI components used to compose the Connectors screen — buttons, cards, form fields, icons, and status indicators.
→
Figma
Source design file for the WP 7.0 AI Connectors screen.
↗