Design agent for every step from idea to launch.
- Tweets 12,497
- Following 450
- Followers 202,553
- Likes 9,806
Get started with skills in Framer. Create your own, or copy and paste skills for effects, SEO, brand voice, and more.
00:09 Create a skill with /skills
00:34 Review your skill
00:43 Build a page
01:00 Browse skills
01:08 Add a brand voice skill
01:25 Rewrite a heading
6
6
50
5,798
Introducing Marketplace Analytics: The performance tab unifies visitors, views, and usage to see what’s working. Global rankings show you where you stand across the Marketplace. We’ve also updated the algorithm to reflect changes in performance sooner. framer.com/community/analyti…
33
23
174
14,626
Read more framer.com/updates/community…
1
1
5
2,095
With a page mention, a skill in Framer can point the agent to a page containing components and tell it to use that page by default when designing something new. Learn more about skills: framer.com/blog/skills/
7
6
60
7,171
Introducing Skills: teach the Framer agent how you work. Save instructions for your design system, writing style, or CMS workflow, then reuse them across tasks. Reference pages, components, and styles in your skills so the agent follows your designs. framer.com/skills
23
24
213
57,467
Framer retweeted
Did you know @bot can help run your @framer site?
Here are 4 ways I use it on framer.com every day ↓
8
11
141
15,406
3D Gallery Card: Build a 3D gallery of seven rounded 3:4 cards on black. Use Framer’s animated Wave Gradient with varied vivid palettes including black, and centered pale outline icons (heart, braces, shield, globe, sun, flare, moon) without badges. One card leads at center; others overlap behind it, receding up-right and down-left with subtle inward turns. Keep a slight fixed tilt. Distant cards darken and blur slightly but stay opaque. Horizontal dragging scrubs the stack; wheel/trackpad and arrow keys step through. Release snaps briskly to the nearest card, easing to rest; a fast flick adds one step. Wrap last to first. No orbiting ring, bounce, autoplay, captions, counters, buttons or click-to-select.
1
1
1,374
Animated Metric: Build a five-stat carousel on black: compact rounded square left, wide text column right. Use Framer’s Wave Gradient: black with blue/pink, green/teal, red/orange, pink/violet or blue/violet. Center a pale outline icon, no badge. White medium-weight metric; muted sans-serif copy below, half its size. On first view and each selection, count from zero to target, slowing to a stop. Each changing digit rolls up in its own clipped column: old exits above, new enters below with brief blur. Separators and units stay fixed. Crossfade visuals; fade/lift copy. Below, five bare pastel icons; the active icon morphs into a short bar. Dark circular arrows flank them. Manual looping, no autoplay.
1
1,301