Designers using Cursor, where are you all? š
Hello, PH!
Iām a designer who boldly switched from Framer, which I had been loyal to for two years, to Cursor recently. This has been the best decision Iāve made this year. The biggest reason is that the cost savings have been truly dramatic.
Cost comparison:
Framer:
Even the mini version costs $15 per month ($180 annually), and running 3 sites would cost $540 a year (if I had created with Framer, it would have added another $180, totaling $720).
Cursor:
Just $120 for an annual subscription! Unlimited projects possible. And there are no hidden costs or additional feature fees at all. The Cursor subscription fee covers everything. (I feel like Iām advertising now;;;)
Besides the cost, here are the other benefits of Cursor for designers:
- Anything is possible beyond the features offered by Framer.
- No need for complicated tutorials or studying; you can use it right away.
- You can implement everything you imagine just with prompts.
I think Iāll continue using Cursor, so Iād love to connect with other designers. Is there a group for designers using Cursor?? I want to share good tips with designers who use Cursor!
Replies
Definitely using cursor for web design. We can now use MCP + Figma as well. So you can use Figma as the WYSIWYG editor. And then write markup in cursor via cursor chat. Personally, I host my landing page on github pages, github pages deployment has drastically improved recently. As you can host via github action. Opening up advance capabilities like NextJS websites etc. No need to stick to YAML / Jekyll etc. here is a really cool NextJS landing page template that can be forked: https://github.com/nobruf/shadcn-landing-page And here is a MCP Figma wrapper: https://github.com/MatthewDailey/figma-mcp that can be used to control Figma via cursor.
Bucket
@sentry_co this lfg ā we have to test it @laander
@laander @fmerian Just saw this on LI. Figma MCP in action: https://www.loom.com/share/09c6f02f6ba844c78523e43d81fb01e9?sid=9c619743-2218-4f5d-b155-2fe2081762fc (this is so cool, design will never be the same after this)
@laander @fmerian @sentry_co I was going to ask about the tutorial! Thank you so much.
Bucket
Shorty
@sentry_co omg, what a stack. Thanks for sharing š
Purposeful Poop
How do you deploy your sites? and how did you learn how to manage that? I would think thats alot of the value prop for things like framer, but im curious how you bridged that gap!
My partner is a designer and I think she would love to build sites like that, but i think the hosting has always been a pretty big hurdle.
@catt_marroll hm, this is a good take. especially for designers since they are not always technical.
What comes to mind is to connect MCP for Vercel and GitHub in your Cursor. Then you can just ask AI to deploy your design and give you a link.
Wonder if someone has done such stuff already.
@catt_marroll @dima_havryliuk How to connect MCP for Vercel and GitHub in Cursor?
I will try it in my next project.
Thank you for the great tips!
Bucket
@catt_marroll @dima_havryliuk love it!
@mattt_lim FYI you can browse MCP servers on cursor.directory ā there's an existing MCP server for @Vercel here with install instructions there. hope it helps!
Purposeful Poop
@dima_havryliuk @mattt_lim @fmerian oh nice! makes sense it would exist :)
@catt_marroll That's right. Hosting was the biggest obstacle.
This must be the greatest advantage of Framer!
I've always been focused on production, so I think I overlooked this part.
It's embarrassing, but I'm currently asking another app developer for help.
I'm preparing to handle this myself in the next project.
@catt_marroll @mattt_lim There are plenty of ways.
Host your code on GitHub and then use either managed hosting or self-hosted services.
You can host the static page or full web application on managed services like:
Vercel
Render
Netlify
Heroku
Cloudflare
You can self-host the static page or full web application using services like:
Coolify
Dokploy
These two can be self-hosted on a VPS server.
Can use services like Hetzner, Railway, DigitalOcean, etc.
I learned all of this on my Cursor journey, and it's worth doing it :)
@catt_marroll @roywj I think I did a good job writing this.
Thank you for the useful information! I'll take on the next project.
Purposeful Poop
@roywj @mattt_lim yeah i think doing something like next+js and using vercel to host is probably your best bet. it should more or less "just work" with maybe a bit of faff, but if you use all hosted solutions like supabase for the db, then it will be "click-ops" to get it all running, and the happy path should be well covered.
Post back up if you give this a go. I do think hosting is a major moat for things like Framer, and I'd be curious how hard it is for someone to cross that moat with LLMs!
this! I was running a web design agency before my current startup and still have some clients on maintenance.
Every time I return to old page builders, I feel handcuffed. (Remember how much of a revolution they were in their time haha).
Now all the screens and design mockups for UserWatch I do in Cursor directly.
Super useful that you get ready-to-use code for the front-end and that you can send an image with design/sketch reference for AI and get it in seconds!
I havenāt found a proper group for Cursor designers yet but would love to be part of one
Product Hunt
@bernatfortet was the first person who told me about Cursor, well over a year ago!
Also @jon_summers_muir designs w cursor, v0 I believe!
Me is one of those designer who use Cursor. I built many things with Cursor and got plenty of bad and good journeys haha. Let's connect š¤
I'm here, I'm using cursor!
hello! @mredodos
Bucket
Great topic! At @Bucket we all recently experimented with @Cursor ā key takeaways here ā including our designer @laander
Would you suggest using it for both apps and marketing sites? We're currently using @Webflow for bucket.co and as a developer tool, I'd definitely go full-code.