Sr Solutions Architect @webflow 💙 Freelance dev @ nights and weekends 🤓 Dad of 2 🐣
Orlando, FL
Joined April 2022
- Tweets2.5K
- Following627
- Followers1.4K
- Likes7.1K
Handy performance tip with the Webflow MCP - we all know font files can drag down performance, and eat bandwidth.
And you may know it's possible to subset - remove certain glyphs from font files to only use the ones used on the site - which works, bit of a hassle.
You can ask and agent to get your sites fonts, optimize them, and replace with the optimized versions. It can remove unnecessary glyphs, remove unnecessary variable axis, and convert the file.
On an build I'm working on, this prompt took a 3.91 MB variable font file (!!!) down to 49.2 KB.
ALT Prompt: Use the Webflow MCP to get my site's fonts, remove glyphs we don't need for English, and upload optimized WOFF2 files. Update existing font registrations in ploce, preserving fomily nomes, weights, styles, and variable axes so existing references keep working. Show before/after file sizes.
Jon Saxton retweeted
Source by Webflow is in research preview, with customers and partners already building with it every day. Ben Haefele (CPO, Webflow) shares what we’ve shipped, what we’re learning, and what’s coming → wfl.io/4z8glae
Jon Saxton retweeted
Mark your calendars for tomorrow’s View Source episode. 9AM PT. Register → wfl.io/4BBB4VN
Jon Saxton retweeted
Introducing From the source, a monthly newsletter with an inside look at Source by Webflow and how marketers and agents build, optimize, and scale digital experiences together.
Sign up: wfl.io/4zN72wg
Jon Saxton retweeted
Build for the web at agentic speed, with your codebase as the source of truth. Watch it live in View Source Ep. 1, Oct 27 at 9AM PT / 12PM ET. Join us → wfl.io/4BBB4VN
Jon Saxton retweeted
“Can we get this campaign live next week?”
Webflow Campaigns brings landing pages, audience variations, and message-matched ads together, with forms, publishing, and reporting connected. wfl.io/4yw8Hp2
I talk about using the @webflow MCP on a schedule with my customers all the time. Claude routines or ChatGPT scheduled tasks can help you keep your site maintained, or actively help you work towards your goals.
Jon Saxton retweeted
Product designers: come work with me and build a brand new Agentic CMS for a 0-1 product we are building at Source by @webflow
grnh.se/7ycm7tph1us
👇 more about Source
Jon Saxton retweeted
With IX3 animation coming to the Webflow MCP, now's a great time to create an Animation Standards agent instruction. You can create it based on your existing animations via MCP.
Starter prompt:
--
This site includes animation throughout. I want to make sure that's encoded as part of our brand system, by means of Agent Instructions. Create an Agent Instruction skill in Webflow via MCP that sets standards for animation, both in usage and style. Things like:
• When to animate (ex: if something appears or changes, like a "reset" button on search, it should usually animate into place).
• When not to animate
• Styles for animation: easing, timing, amount, etc.
• Prefers-reduced-motion support
• Anything else you think is helpful
Base this off of current animations, and for anything that doesn't have a clear basis already, create your own guideline that fits in with the site.
Include our defined preference for animations:
• CSS animation wherever possible
• IX3 when CSS isn't the best solution
• Custom JS only when something can't be accomplished by IX3/is better handled custom
ALT Screenshot of an "animation standards" skill in the Webflow Agent Instructions interface
With IX3 animation coming to the Webflow MCP, now's a great time to create an Animation Standards agent instruction. You can create it based on your existing animations via MCP.
Starter prompt:
--
This site includes animation throughout. I want to make sure that's encoded as part of our brand system, by means of Agent Instructions. Create an Agent Instruction skill in Webflow via MCP that sets standards for animation, both in usage and style. Things like:
• When to animate (ex: if something appears or changes, like a "reset" button on search, it should usually animate into place).
• When not to animate
• Styles for animation: easing, timing, amount, etc.
• Prefers-reduced-motion support
• Anything else you think is helpful
Base this off of current animations, and for anything that doesn't have a clear basis already, create your own guideline that fits in with the site.
Include our defined preference for animations:
• CSS animation wherever possible
• IX3 when CSS isn't the best solution
• Custom JS only when something can't be accomplished by IX3/is better handled custom
ALT Screenshot of an "animation standards" skill in the Webflow Agent Instructions interface
I told y'all Builder Keynote would be fun!
Webflow Conf has a ton of good stuff coming, for everyone who interacts with a websites and web apps. If you're like me, a builder, you're excited to see it all, but the biggest impact for your day-to-day in the next year is 🚢 features.
A couple tips for Webflow builders, attending in person or virtually:
- Keynote, obviously. I know you want to know where Webflow's going with the company and the product, what the recent blog posts mean in practice, and whose theories this last year were right. I promise it isn't just promo-talk to say this is the most important Conf keynote in recent memory. @YayLT and co are bringing the heat.
- "A first look at what's next" at 12:30 ET with @kvwong, @utsengar, Caroline, and Brett. Keynote will make you say "wait WHAT", and this session will be your source for answers.
- Builder Keynote!! 1:15 ET with a whole crew. The main keynote is going to be so focused on the big announcements, there isn't enough time for all the new feature announcements. "Quality of life improvements" is underselling it. These are the immediate impact updates and features that affect how you build.
Session links in the next tweet - and drop your predictions! Immediately following conf I'm flying my family to a lake house, been such a whirlwind summer getting everything ready for you, it'll finally be time to shut down the wifi for a few days.
Webflow Conf has a ton of good stuff coming, for everyone who interacts with a websites and web apps. If you're like me, a builder, you're excited to see it all, but the biggest impact for your day-to-day in the next year is 🚢 features.
A couple tips for Webflow builders, attending in person or virtually:
- Keynote, obviously. I know you want to know where Webflow's going with the company and the product, what the recent blog posts mean in practice, and whose theories this last year were right. I promise it isn't just promo-talk to say this is the most important Conf keynote in recent memory. @YayLT and co are bringing the heat.
- "A first look at what's next" at 12:30 ET with @kvwong, @utsengar, Caroline, and Brett. Keynote will make you say "wait WHAT", and this session will be your source for answers.
- Builder Keynote!! 1:15 ET with a whole crew. The main keynote is going to be so focused on the big announcements, there isn't enough time for all the new feature announcements. "Quality of life improvements" is underselling it. These are the immediate impact updates and features that affect how you build.
Session links in the next tweet - and drop your predictions! Immediately following conf I'm flying my family to a lake house, been such a whirlwind summer getting everything ready for you, it'll finally be time to shut down the wifi for a few days.
Opening keynote: webflow.com/webflowconf/sess…
First look at what's next: webflow.com/webflowconf/sess…
Builder keynote: webflow.com/webflowconf/sess…