If you're looking for a fun project this weekend, and you want to get better at working with generative AI, try building a no-code app.
☞ DOWNLOAD CURSOR: https://www.trycursor.com/
Cursor is a code editor. It has a premium AI feature called Composer, which can look over your codebase and write new code when prompted. Your download comes with a free 2-week trial. Cmd+I brings up Composer.
☞ DOWNLOAD FIGMA: https://www.figma.com/downloads/
Figma is the most popular tool for creating user interfaces. The Figma Community has tons of free templates for website, apps, etc. that you can use as a starting point: https://www.figma.com/community.
☞ DOWNLOAD XCODE (if you’re building an iOS or macOS app): https://developer.apple.com/xcode/
While Cursor is used for the actual coding, Xcode is needed for building, testing, and deploying apps on Apple's platforms.
The high-level workflow is…
1. In Figma, design the app / feature in Figma
2. In Cursor, prompt Composer to build the app / feature by writing acceptance criteria and referencing uploaded PNGs of your designs
3. In Xcode, recreate the file structure from Cursor, then copy and paste the code to duplicate the code that’s in Cursor (I’m sure there’s a better way to do this. If you’re an engineer, please teach me!)
4. Build the app in Xcode. Review the changes.
5. Repeat – starting from 1 or 2 as needed.
☞ DOWNLOAD CURSOR: https://www.trycursor.com/
Cursor is a code editor. It has a premium AI feature called Composer, which can look over your codebase and write new code when prompted. Your download comes with a free 2-week trial. Cmd+I brings up Composer.
☞ DOWNLOAD FIGMA: https://www.figma.com/downloads/
Figma is the most popular tool for creating user interfaces. The Figma Community has tons of free templates for website, apps, etc. that you can use as a starting point: https://www.figma.com/community.
☞ DOWNLOAD XCODE (if you’re building an iOS or macOS app): https://developer.apple.com/xcode/
While Cursor is used for the actual coding, Xcode is needed for building, testing, and deploying apps on Apple's platforms.
The high-level workflow is…
1. In Figma, design the app / feature in Figma
2. In Cursor, prompt Composer to build the app / feature by writing acceptance criteria and referencing uploaded PNGs of your designs
3. In Xcode, recreate the file structure from Cursor, then copy and paste the code to duplicate the code that’s in Cursor (I’m sure there’s a better way to do this. If you’re an engineer, please teach me!)
4. Build the app in Xcode. Review the changes.
5. Repeat – starting from 1 or 2 as needed.