Live Website : https://surgawi.figma.site/
Figma Community : https://www.figma.com/community/file/1646899331730767555
Social : Twitter (https://x.com/gamethegreatbot/status/2065079856665338129?s=46)
Surgawi
Surgawi is a motion-animated landing page built entirely with Figma. The idea behind this project is to showcase how Figma’s newest AI-powered features—Weave and Make—can be combined to create a visually engaging and interactive landing page experience.
Workflow
I started by brainstorming the concept and creating the initial design directly in Figma, collaborating with the built-in AI agent.
Next, I generated the image and video assets using Figma Weave, allowing me to quickly produce custom visuals that matched the project's style.
Once all the assets were ready, I moved to Figma Make to build the complete landing page.
Before generating the final build, I used the Plan Mode with the Claude Opus model. This was the most crucial step, as it allowed me to clearly define the concept, animation style, color palette, visual direction, and overall design language with the AI before implementation.
Finally, I connected Figma Make with Supabase to handle video uploads and asset hosting, ensuring the landing page remains stable and performs smoothly once deployed live.
This project explores how AI-assisted workflows can streamline the entire creative process—from ideation and asset generation to prototyping and full landing page development—all within the Figma ecosystem.
2
3
332
Bringing ideas to life faster with Google Stitch ✨
For this challenge, I explored how Stitch can transform a simple concept into a fully interactive creative experience using AI-powered workflows.
The project started with just two things:
📄 a custom design.md (http://design.md) creative direction file
🖼️ a logo image for the project identity
Using Stitch’s new capabilities, the entire website was generated directly inside the canvas through streaming generations — turning concepts into a live experience in real time.
But it didn’t stop at generation.
I continued refining the project using:
⏩ prompt-based in-place AI editing
🖱️ point-and-click interactions directly inside Stitch
🎥 native motion, animation, shaders, and hover states on HTML canvas
🚀 one-click export support directly to Netlify
What makes this even more impressive is how Stitch combines the workflow of 4–5 different creative applications into one single platform — generation, editing, interaction design, motion, prototyping, and deployment all inside one experience.
From concept → iteration → interaction → deployment, the entire workflow stayed inside Stitch.
This experience shows how AI can dramatically speed up creative production while still allowing full artistic control and experimentation.
link for the project:
Live Website :Website (https://d9aefcc2-creative-saas-design.netlify.app/)
Google Stitch Workflow :Google Stitch (https://stitch.withgoogle.com/projects/17642723996624051426)
25
41
4.3K
Work Tittle:
CapCut 1980s ERA
Creator :
King TikTok
Main Direction
Direction C: CapCut in a Different Era
Social Profile
X : King TikTok (https://x.com/gamethegreatbot/status/2059683939619676398?s=46)
TikTok : KingTikTok (https://vt.tiktok.com/ZSx4GYTWW/)
Concepts:
CapCut 1980s Era is a retro-futuristic landing experience that reimagines CapCut's creative identity through neon glow aesthetics, CRT scanlines, and synth-inspired sound design. Users navigate an immersive slideshow journey with dramatic reveal animations, where each click unveils assets with satisfying visual and audio feedback. The project blends nostalgic 1980s arcade charm with modern web technology to create a memorable, interactive brand showcase.
Highlights:
Video onboarding with retro synth sound
Click-to-reveal animations with sound feedback
Neon cyberpunk visuals with CRT scanlines
Synchronized sound design across all interactions
Retro 1980s arcade-inspired aesthetic.
Process Proof:
70% asset asset is made at Capcut design studio, some asset is created outside but it's enhance and edit them on CapCut Design Studio.
Link for Process: CapCut Design (https://drive.google.com/drive/u/2/folders/1LJ84yGo0ulokDZi3v3t1iJVzGE2N-f5B)
Website LINK: Website (https://cap-cut-studio-challanges.vercel.app/)
Final Deliverables:
Combine different element into 1 full 1980s ERA base on challange format on Capcut Design Studio :
-Logo redesign
-Brand visual system
-Advertising posters and key visuals
-Packaging concepts and product appearance
-Website landing page
-Branded merchandise and collectibles
-Motion visuals and style frames
1
4
470
Logo
0
70
Built a fully AI-powered cinematic fragrance ad using @Morphic 🔥
From idea → storyboard → final video, everything runs in one clean workflow.
💡 What it does:
• Generates 8 cinematic scenes
• Enhances product shots
• Adds animation + transitions
• Matches music automatically
🎬 Sample output below 👇
🔗 Workflow: https://morphic.com/workflows/019dc971-699f-7289-b3b5-40dd38adc947/noir-perfume-ad
Try it yourself — just upload a 2×4 storyboard grid and your brand name.
Tagging @Morphic #AI #CreativeAI #Filmmaking
1
172