Preview image. Unlock full-res
Half-black, half-electric-blue split slide explaining the Figma for VS Code extension, with a large IDE screenshot on the blue side.
Summary
A split slide on the Figma for VS Code extension: a black left half holds the explanatory copy, an electric-blue right half holds a large IDE screenshot.
Visual description
The frame is split vertically: black on the left, a saturated electric blue (#18A0FB) on the right. The black side carries a monospaced "GOOD TO KNOW" eyebrow, a white oversized headline "VS Code Integration", and three labeled blocks ("What It Does:", "How to Use:") whose points lead with arrow glyphs in white sans-serif. The blue side shows a near-full screenshot of VS Code with the Figma extension open: a file tree, a design canvas with a plant-shop UI, a comments/notifications rail, and a Jira-style issue list.
Key takeaway
Splitting the canvas into a flat color block per role: copy on black, evidence on the brand blue. The blue panel reads as a window into the product without any device frame. Arrow-led bullets keep a dense feature list scannable.
Reuse notes
Strong for a feature-explainer slide where you want the screenshot to feel like part of the brand surface, not a pasted-in rectangle. The all-blue field is loud; reserve it for a hero feature. Pairs with the other dark "Good to know" slides in this deck.
From this deck: VS Code Integration, black text panel beside blue IDE capture
View deck
