What if…
Try something
unexpected.
unexpected.
Build on
an idea.
↗an idea.
Find a new direction
Brainstorm together
Make room for every idea, then connect the ones worth exploring.
Explore brainstorming templates ↗Public website · functional specimens
Patterns in motion.
Explore six reusable patterns from Figma’s public website, with working controls and visible states.
Reconstructed study, not an official Figma interface. Layouts draw on captures from 18 September 2026. Template art, animation, resource summaries, and the sample quotation are original fixtures. Customer marks are retained source assets. Typography uses the guide’s disclosed local fallback.
01 / Template carousel
A starting point for every idea.
Source: FigJam. Original template artwork; reconstructed keyboard and picker behavior.
Use Previous and Next buttons, slide pickers, or Left and Right arrow keys. Home selects the first slide; End selects the last. Slides do not advance automatically.
02 / Contextual feature help
A little context, right here.
Source: pricing feature explanations. Native disclosure implementation; original explanation.
Shared libraries
Keep reusable styles and components together.
What is a shared library?
A library is a collection of reusable design assets that a team can publish and use across files.
Illustrative explanation. Availability depends on the current plan.
Check Figma’s current plans ↗03 / Product media
From a shape to a possibility.
Source: public product media frames. This is an original CSS animation, not a recording of Figma.
Paused. Original local animation.
No autoplay or remote video. Reduced-motion settings keep this specimen still.
04 / Grouped navigation
More room to explore.
Source: captured mobile navigation at 390px. This bounded specimen keeps the surrounding guide available.
05 / Resource collection
Keep your curiosity moving.
Source: Resource Library. Six local fixtures link to observed public articles; category assignment and summaries are reconstructed.
Filter articles
Showing 3 of 6 articles
Building with AI
Understanding MCP
Explore the protocol behind connected AI tools.
Read article ↗: Understanding MCPDesign basics
Put color to work
Find combinations that give your next idea its own character.
Read article ↗: Put color to workTeam productivity
Build a shared system
Give a growing team a common foundation for design.
Read article ↗: Build a shared systemBuilding with AI
From design to code
Learn how connected tools bring an idea closer to a working product.
Read article ↗: From design to codeDesign basics
Sketch before you polish
Explore structure and flow through simple wireframes.
Read article ↗: Sketch before you polishTeam productivity
Make a system useful
Connect reusable components to the work teams do every day.
Read article ↗: Make a system usefulAll matching articles are shown.
06 / Customer marks + testimonial
Make room for the people behind the work.
Six customer marks observed on the public FigJam page, reproduced here as reference assets. They do not endorse this guide. The testimonial below is an original layout fixture and is unrelated to these brands.
Original sample quotation
“The best ideas start when everyone has a place to contribute.”
Fictional attribution · layout specimen