The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
My new client runs a top-tier pet services business in Eindhoven. Her personalized care means highly complex pricing—fees shift based on daily visits, peak seasons, pet count, location, and add-ons. She desperately needed an upfront interactive calculator to filter out window-shoppers and automate quoting.
The Challenge:
Existing Framer pricing plugins couldn't handle her multi-layered conditional logic or required expensive monthly subscriptions that didn't make sense for an independent business.
The Solution:
Instead of settling for a restrictive template, I built a custom solution. As a designer (not a developer), I used Gemini to engineer the custom React code for her exact mathematical logic. I deployed it as a native Framer code component and used Framer's AI Agent to style it perfectly to match her brand.
We are just getting started, but this custom workflow sets a massive foundation for the rest of the site!
Have you used AI to build a custom code component when a no-code tool hit a wall? Let me know!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Template #3 coming along nicely. Almost finished all pages design and animation prototypes.
For some reason I am still doing most of prototyping not directly in framer but directly in claude code
Cool 😍
Not everything I build lives in Framer.
This one's a code project: I rebuilt Payy's React marketing site — a stablecoin payments company — from the front-end up. New typography system, a reusable motion foundation (scroll reveals, animated stats, page transitions), a handful of custom components, and a footer with proper parallax. All hand-written, no UI framework doing the heavy lifting.
I ran the whole build through Claude Code, which is where 15 years of front-end experience actually pays off — I'm not prompting and hoping. I know what good motion feels like, how to keep things performant and accessible, and where the real work is. The AI moves fast; the engineering judgment is mine. I also work fluently with MCPs like the Figma MCP, so I can pull straight from design files into clean, accurate code.
If you've got a Figma design that needs to become a real, performant site — in React, not just Framer — that's squarely my lane. Happy to talk through what you're building.
Clean UI👏
Hi everyone! 👋
This is my first post here, so I thought I'd share something I've been really excited to work on.
I recently designed the AI Project Setup experience for ThinkEasy from scratch. The goal was to make creating research projects feel simple and intuitive, while using AI to guide users instead of overwhelming them.
It was a fun challenge to figure out how to balance flexibility with clarity, and I'm really happy with how it came together.
I'd genuinely love to hear your thoughts or feedback!
#UXDesign #ProductDesign #AI #CaseStudy #UserExperience
This is nice 👍
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
