Workshop is Framer's built-in way to turn an idea into a working component just by describing it. No code, no setup, just a short chat. You explain what you want, and Workshop builds a real, publishable component, complete with property controls so you can fine-tune it after the fact. It is one of the most practical AI features for teams that keep hitting the limits of stock elements.
What Workshop does
Workshop generates components from a description and gives each one property controls, so the output is not a locked black box. You can adjust settings, swap content, and make the component your own. It handles effects that used to feel out of reach, like an image card with an interactive 3D tilt, and it now runs on all code components in a project, not only the ones Workshop created. That means you can use it to extend and refine existing components too.
Why it matters for real projects
Every marketing site eventually needs something the default toolkit does not ship: a specific pricing toggle, a custom testimonial slider, an interactive feature card. Traditionally that meant a developer ticket and a wait. Workshop closes that gap by letting you describe the behavior and get a component you can drop in and adjust. Because the results include property controls, non-technical teammates can keep tweaking without touching code.
Who it helps
Designers who want custom interactions without writing them from scratch.
Marketers who need a bespoke module for a campaign page on short notice.
Teams that want reusable, controllable components rather than one off hacks.
How to use it well
Be specific in your prompt about behavior and inputs, then use the generated property controls to align the component with your design system. Save the ones that work as reusable pieces so your site stays consistent as it grows. As Framer's models keep improving, the range of what Workshop can build keeps widening.
We use Workshop alongside hand-written React and Next.js when a project needs genuinely custom functionality, so you get speed where it helps and craft where it counts. If you have a component or interaction in mind that stock elements cannot deliver, Book a discovery call and we will build it with you.
Framer Workshop: Build Components by Describing Them
Framer Workshop turns a plain description into a working, publishable component with property controls. Here is what it does and who it helps.
Framer's Interactive Shaders, Explained
Framer's Liquid Gradient and Logo Gradient shaders now follow the cursor with spring-based motion. Here is how the interactive shaders work.