🛠 Free canvas polish
Added template previews to the free canvas on framerkit.site — just like in the plugin
When adding a section, its frame now gets a subtle accent animation
Templates also stack one section at a time, making the building process feel closer to working directly in @framer
The new site → Framer flow got a really good response
Thank you to everyone who tried it, left feedback, or just liked the posts
Building the page in the browser and moving it into Framer with one link is exactly what I wanted it to feel like
What would you like me to improve or add next?
framerkit.site/
#framer
🛠 Site → Framer → same link
I build the page on framerkit.site
Sections, Design Colors, fonts. Right in the browser
Then Copy to Framer. Short link
Open Framer, paste that link into Import from site in the plugin. The page lands on the canvas
Same link in the browser is the live preview
Idea is simple. Start on the site, move into Framer when you’re ready, send one link either way
You can begin from that alone. Build → copy → insert → share
#framer
✨ New hero on the site
Spent some time on the home page hero
There’s a live @framer - style board on the right. Scroll down and the plugin animates onto the free canvas. Scroll back up and it returns the same way
Hold and drag on the grid and the snakes run across the cells. In the video I switch Design Colors and theme, including light mode, and the board follows
framerkit.site
🛠 From the site to @framer in one paste
Finished the big update
You can now build a page on framerkit.site and move it into Framer with one link
The free canvas on the site has the same plugin as in Framer. Pick sections, components, or a full template. Switch Design Colors. Change the heading and body fonts
When the page looks right, click Copy to Framer
In Framer, open FramerKit → Import from site → paste the link
The plugin inserts everything in order, with the same colors and fonts. Even the plugin takes on the page's colors while you look 🙂
The same link opens the page on the site again, so you can show it to a client before you build anything
It looks better in action, video below 👀
🛠 Development Log
Almost done with a big FramerKit update
The canvas on framerkit.site now works like the plugin
I can build a full page right in the browser:
• sections, components and templates
• Design Colors for the whole page
• fonts for headings and body
When the page looks right, there's a new button
Copy to Framer
What it does is the part I can't wait to show 👀
Finishing the last details now
Full announcement very soon
#framer
Build a hero section in @framer in seconds ⚡
Fully responsive, with light and dark theme support. Quickly change heading and body fonts right inside the FramerKit plugin
Quick demo of browsing and inserting landing page templates from the FramerKit plugin into @framer
Switch color themes instantly, with full dark theme support
Building a contact page in Framer? 👀
FramerKit offers multiple wireframe contact page templates to choose from - insert your favorite into the canvas with just one click and customize it to fit your project
#framer
After you build a section yourself, dark mode means binding every color by hand
Backgrounds, text, buttons, borders…
Slow. Easy to miss one fill
Insert from FramerKit -
light and dark already work
Every section supports both themes out of the box
@framer
Broken on mobile → drop a Navbar
Desktop, tablet, phone - already inside the section
#Framer #FramerKit #webdesign
What if you could build a page before even opening Framer ? 👀
You can now do exactly that on the FramerKit website
Browse the library, add any sections you like - including premium ones - and see how they look together in a live preview, just like in Framer
And all that’s left is to add editing… and I might accidentally build my own website builder 😂
Try it out yourself - link in my bio ✨
#Framer #WebDesign #NoCode
📱 One section. All breakpoints ready
A hero section might look perfect on desktop, but resize it for tablet or mobile and the layout can fall apart
When building a section manually, you need to adjust each breakpoint yourself
With FramerKit, all three layouts are already set up. Insert a section, and it’s ready for Desktop, Tablet, and Phone
No need to build each version from scratch
Try the FramerKit plugin demo
#framer
🛠 A full wireframe page in one click
Here’s how I start a page with FramerKit
The plugin includes 69 wireframe templates across Landing, SaaS, Agency, Startup, Portfolio, Product, and Contact. Pick one, preview the full page right in the plugin, and insert it onto your Framer canvas with one click
From there, I can switch fonts and Design Colors instantly. Dark theme is fully supported, too, so the same page works in both light and dark
Everything goes straight into your own Framer project, ready to customize
You can try the demo right inside the plugin. Full library access starts at $15/month, with a lifetime option available too
Open the FramerKit plugin and try it yourself
#framer
✨ Flowbit Footer
Finished the last short lesson in the Flowbit series
This one adds the footer under the CTA. Footer Section 01 from FramerKit, then the logo title, the four links, and the copyright
#Framer #FramerPlugin #WebDesign
