Andres GonzalezFlowglad · Designer by day, Batman by night

Interactive UI skills (like cursor & linear) 😏 #webdesign #framer #ad

5 Oct 2026 · 1 min

Watch on YouTube

0:38

In this short demo, the designer explains two new Framer "skills" that let a Framer agent automatically build interactive UI dashboards. The Sync Styles skill pulls exact color variables, typography, and text styles from an existing code repository and recreates them in Framer. The Create Mock skill generates or updates components, sidebar pages, and sub‑components by analyzing a screenshot or a live view of the repository, effectively turning design assets into functional UI elements. The speaker invites viewers to try the skills for free via a provided link and asks for feedback, noting that the skills are still a work in progress.

Chapters

As a designer, I've always wondered how Cursor, Linear, and all the cool kids get this interactive UI on their homepage. That's why I made this. This is a set of skills that you can give your Framer agent that will automatically create an interactive dashboard on your website. This is the Sync Styles skill that rebuilds the same exact color variables, typography, and text styles that already exist in your code repo onto Framer. And this is the Create Mock skill that updates this component, the sidebar pages, and other subcomponents based on a screenshot or a live look from your repo. If you don't believe me, you can try it out for yourself for free right here using this link. But also, skills are still a work in progress, so would love your feedback.