Ads Campaign Manager

Built a prototype with Cursor + Figma MCP last week, and it actually worked really well. Iโ€™ve tried a few AI coding tools and MCPs before, but the quality never quite held up. This time, though, the results were surprisingly solid!

MCP

Campaign Manager

Prototype

Created by

Beijuan Miao

Staff Product Designer at LinkedIn

Tools Used

Creator NOTES

๐’๐จ๐ฆ๐ž ๐ญ๐ก๐ข๐ง๐ ๐ฌ ๐ˆ ๐ฅ๐ž๐š๐ซ๐ง๐ž๐ ๐š๐ฅ๐จ๐ง๐  ๐ญ๐ก๐ž ๐ฐ๐š๐ฒ:โ€จโ€จ๐‚๐ฅ๐ž๐š๐ง ๐ฒ๐จ๐ฎ๐ซ ๐…๐ข๐ ๐ฆ๐š ๐Ÿ๐ข๐ฅ๐ž ๐Ÿ๐ข๐ซ๐ฌ๐ญ. Random symbols or messy layer names caused a few hiccups. AI helped fix them, but proper naming couldโ€™ve saved time.โ€จโ€จ๐€๐ฌ๐ค ๐‚๐ฎ๐ซ๐ฌ๐จ๐ซ ๐ญ๐จ ๐›๐ฎ๐ข๐ฅ๐ ๐ข๐ญ ๐ฐ๐ข๐ญ๐ก ๐๐ž๐ฑ๐ญ.๐ฃ๐ฌ โ€“ Recommended by ChatGPT: Itโ€™s a React-based full-stack framework that makes it easier to build complete websites, so you can do more than just front-end workโ€”you can also handle backend logic, deploy your app, and optimize performance.โ€จโ€จ๐…๐ข๐ง๐ž ๐ญ๐ฎ๐ง๐ž ๐ฐ๐ข๐ญ๐ก ๐ฌ๐œ๐ซ๐ž๐ž๐ง๐ฌ๐ก๐จ๐ญ๐ฌ. The initial draft was up within 5 minutes. After that, I spent a few hours tweaking visuals, refining interactions, adding animations, and generating realistic dummy data. I found that Cursor worked noticeably better when I attached screenshots of what I wanted to changeโ€”it helped the AI understand context and produce cleaner results.

To embed a website or widget, add it to the properties panel.

Ads Campaign Manager

Built a prototype with Cursor + Figma MCP last week, and it actually worked really well. Iโ€™ve tried a few AI coding tools and MCPs before, but the quality never quite held up. This time, though, the results were surprisingly solid!

MCP

Campaign Manager

Prototype

Created by

Beijuan Miao

Staff Product Designer at LinkedIn

Tools Used

Creator NOTES

๐’๐จ๐ฆ๐ž ๐ญ๐ก๐ข๐ง๐ ๐ฌ ๐ˆ ๐ฅ๐ž๐š๐ซ๐ง๐ž๐ ๐š๐ฅ๐จ๐ง๐  ๐ญ๐ก๐ž ๐ฐ๐š๐ฒ:โ€จโ€จ๐‚๐ฅ๐ž๐š๐ง ๐ฒ๐จ๐ฎ๐ซ ๐…๐ข๐ ๐ฆ๐š ๐Ÿ๐ข๐ฅ๐ž ๐Ÿ๐ข๐ซ๐ฌ๐ญ. Random symbols or messy layer names caused a few hiccups. AI helped fix them, but proper naming couldโ€™ve saved time.โ€จโ€จ๐€๐ฌ๐ค ๐‚๐ฎ๐ซ๐ฌ๐จ๐ซ ๐ญ๐จ ๐›๐ฎ๐ข๐ฅ๐ ๐ข๐ญ ๐ฐ๐ข๐ญ๐ก ๐๐ž๐ฑ๐ญ.๐ฃ๐ฌ โ€“ Recommended by ChatGPT: Itโ€™s a React-based full-stack framework that makes it easier to build complete websites, so you can do more than just front-end workโ€”you can also handle backend logic, deploy your app, and optimize performance.โ€จโ€จ๐…๐ข๐ง๐ž ๐ญ๐ฎ๐ง๐ž ๐ฐ๐ข๐ญ๐ก ๐ฌ๐œ๐ซ๐ž๐ž๐ง๐ฌ๐ก๐จ๐ญ๐ฌ. The initial draft was up within 5 minutes. After that, I spent a few hours tweaking visuals, refining interactions, adding animations, and generating realistic dummy data. I found that Cursor worked noticeably better when I attached screenshots of what I wanted to changeโ€”it helped the AI understand context and produce cleaner results.

Created by

Beijuan Miao

Staff Product Designer at LinkedIn

Tools Used

Creator NOTES

๐’๐จ๐ฆ๐ž ๐ญ๐ก๐ข๐ง๐ ๐ฌ ๐ˆ ๐ฅ๐ž๐š๐ซ๐ง๐ž๐ ๐š๐ฅ๐จ๐ง๐  ๐ญ๐ก๐ž ๐ฐ๐š๐ฒ:โ€จโ€จ๐‚๐ฅ๐ž๐š๐ง ๐ฒ๐จ๐ฎ๐ซ ๐…๐ข๐ ๐ฆ๐š ๐Ÿ๐ข๐ฅ๐ž ๐Ÿ๐ข๐ซ๐ฌ๐ญ. Random symbols or messy layer names caused a few hiccups. AI helped fix them, but proper naming couldโ€™ve saved time.โ€จโ€จ๐€๐ฌ๐ค ๐‚๐ฎ๐ซ๐ฌ๐จ๐ซ ๐ญ๐จ ๐›๐ฎ๐ข๐ฅ๐ ๐ข๐ญ ๐ฐ๐ข๐ญ๐ก ๐๐ž๐ฑ๐ญ.๐ฃ๐ฌ โ€“ Recommended by ChatGPT: Itโ€™s a React-based full-stack framework that makes it easier to build complete websites, so you can do more than just front-end workโ€”you can also handle backend logic, deploy your app, and optimize performance.โ€จโ€จ๐…๐ข๐ง๐ž ๐ญ๐ฎ๐ง๐ž ๐ฐ๐ข๐ญ๐ก ๐ฌ๐œ๐ซ๐ž๐ž๐ง๐ฌ๐ก๐จ๐ญ๐ฌ. The initial draft was up within 5 minutes. After that, I spent a few hours tweaking visuals, refining interactions, adding animations, and generating realistic dummy data. I found that Cursor worked noticeably better when I attached screenshots of what I wanted to changeโ€”it helped the AI understand context and produce cleaner results.

Ads Campaign Manager

Built a prototype with Cursor + Figma MCP last week, and it actually worked really well. Iโ€™ve tried a few AI coding tools and MCPs before, but the quality never quite held up. This time, though, the results were surprisingly solid!

MCP

Campaign Manager

Prototype

To embed a website or widget, add it to the properties panel.