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
Learning by doing
Here are two useful links with clear explanations, ideal if you want to start using Cursor or understand how MCP from Figma connects with real code.
1. Tutorial: Vibe Code a component with Figma MCP and Cursor in under 5 Minutes by Sil Bormüller 👏
https://lnkd.in/dBDv2geH
2. Building with Cursor (public) by the Cursor team by @kashyechuri / @ericzakariasson
https://lnkd.in/dPG-7n3k
If you are curious, these two links are a good place to start.
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
How I structure every Figma file, so clients can review it and developers can build from it without a call:
• Cover: project name, status and the latest update
• 01 Sitemap + flows: what pages exist and how people move between them
• 02 Wireframes: structure before style
• 03 UI Desktop and 04 UI Mobile: what the client reviews
• 05 Components: buttons, cards, nav and forms with variants
• 06 Prototype: the clickable version for stakeholders
• 07 Dev handoff: specs, assets and notes for whoever builds it
Clients live in pages 03 and 04. Developers live in 05 and 07. Nobody has to dig.
How do you organize your Figma files?
This is the kind of structure clients never ask for but always thank you for. The clients live in 03 and 04 line is spot on. Do you keep the wireframes page around after the build, or do you archive it once the UI pages take over?
🧩 A look at how the whole system comes together as one connected experience.
Love seeing how all the pieces connect into one cohesive product experience.
A tight deadline, a lot of screens, and an AI web demo to bring together.
For this Upwork project, I designed the UI in Figma using a consistent layout system to keep the work clear and deliver on time.
The client’s feedback says it best:
“Thanks to Mehdi, I was able to create the AI web demo product design very quickly. It wasn’t a small amount of work, but he put in the effort to meet an important deadline.”
Need help turning a complex web product into clear screens? Let’s talk.
More of my work: https://elkhatiri.com/
Congrats on the 5 star review Mehdi, nice win.