Design inspiration from Figma & co.
How to trigger it
Section titled “How to trigger it”Paste a link from a design platform — Figma, Dribbble, or Behance — optionally with what you want:
- “use this as inspiration: https://www.figma.com/file/…”
- “restyle my site in this direction https://dribbble.com/shots/…”
No chips, no questions — design links always run in inspire mode.
What happens
Section titled “What happens”Genesis extracts the design’s palette, typography, and overall feel, and applies that direction to your site — your content and structure stay yours. This is deliberate: design-tool files aren’t web pages, so a pixel-faithful import isn’t reliable; the spirit of the design is what transfers well.
- Figma links must be public/shared — private files can’t be read, and Genesis falls back to just your text description.
- Want an exact rebuild of a design rather than its mood? Two better routes:
- Export the design to HTML and paste the HTML.
- Built it in claude.ai/design? Use the dedicated Claude Design import.
- A screenshot works too: attach an image of any design and ask Genesis to recreate it.