Preview image. Unlock full-res
Dark stacked feature section with three split rows, each pairing a colored icon headline with a Figma UI mockup demonstrating AI copy generation.
Summary
Dark stacked feature section with three split rows, each pairing a colored icon headline with a Figma UI mockup demonstrating AI copy generation.
Visual description
Near-black page with centered intro: An AI copywriting tool made for designers with designers on a subtle orange-to-purple gradient highlight, plus subhead Focus on designing, not copywriting. Three large rounded dark cards stack vertically. Each row splits text left and product mockup right. Row one has an orange grid icon, headline about generating copy from templates, and a Figma canvas with a Generate copy modal over a hero frame. Row two has a blue lock icon, headline about locking copy layers, and a layers panel showing locked text plus a modal noting 3 locked text layers. Row three has a purple wand icon, headline about improving copy in Figma, and a selected text layer with prompt chips like Make it shorter and Improve the writing above Generate copy.
Key takeaway
Show the plugin inside real Figma chrome instead of abstract illustrations. Color-coded square icons give each row a distinct memory hook while the repeated Generate copy button ties the flows together.
Reuse notes
Ideal for design-tool or Figma plugin marketing. Needs credible product screenshots per feature; three rows is the comfortable max before scroll fatigue. Dark cards with white modals create necessary contrast for UI detail.
