Motion preview
01/PROMPT
Prompt
Describe the motion design you want; the glass prompt bar is the workspace's first object.
PROMPT BAR · CARET ACTIVEaimotion-design
by
Nithin
NithinBuild a modern, premium SaaS web application called **[PRODUCT NAME]**, an AI-powered motion graphics creation platform designed specifically for Motion Graphics Designers, Graphic Designers, UI/UX Designers, Video Editors, Product Designers, and creative professionals. ## PRODUCT POSITIONING The core positioning is: **“An AI motion design workspace built specifically for motion designers.”** This is NOT a generic AI video generator. The key workflow is: **Prompt → AI Design → Edit → Animate → Export** The user should feel that the platform helps them create editable motion-design projects quickly while still giving them professional creative control. The initial MVP should focus on: * SaaS/Product animations * UI/UX animations * 2D motion graphics * Typography animation * Social media motion graphics * Brand motion * Marketing animations Do not attempt to build advanced 3D, character animation, VFX, After Effects integration, or Figma integration in the first version. Keep those as future features. --- # 1. VISUAL DESIGN Create a premium, minimal, futuristic creative-tool aesthetic. Design direction: * Dark interface * Near-black background * Subtle gradients * Clean white typography * El
Comments (0)
Sign in to leave a comment
Project Tasks
51 planning tasks#1
Generate system requirement document
0m 46s0.1 cr used
Done#2
Generate personas & user flows
0m 17s0.1 cr used
Done#7
Create flow for Motion Graphics Designer
0m 15sCredits in parent
Done#8
Create flow for Graphic Designer
0m 15sCredits in parent
Done#9
Create flow for UI/UX Designer
0m 15sCredits in parent
Done#10
Create flow for Video Editor
0m 15sCredits in parent
Done#11
Create flow for Product Designer
0m 15sCredits in parent
Done#12
Landing
15m 34sCredits in subtasks
Done#33
Repair Landing JSX
1m 28s0.2 cr used
Done#32
Repair Landing JSX
1m 8s0.2 cr used
Done#31
Repair Landing JSX
0m 14s0.2 cr used
Done#30
Repair Landing JSX
0m 15s0.2 cr used
Done#26
Landing / Navigation
0m 41s0.8 cr used
Done#18
Landing / App Header
0m 40s0.8 cr used
Done#19
Landing / Hero
0m 57s0.8 cr used
Done#20
Landing / Positioning
0m 56s0.8 cr used
Done#21
Landing / Audience
0m 56s0.8 cr used
Done#22
Landing / Workflow
1m 18s0.8 cr used
Done#23
Landing / Focus Areas
0m 57s0.8 cr used
Done#24
Landing / Closing Cta
0m 56s0.8 cr used
Done#25
Landing / App Footer
0m 32s0.8 cr used
Done#27
App Header
0m 40sCredits in parent
Done#28
App Footer
0m 32sCredits in parent
Done#29
Navigation
0m 41sCredits in parent
Done#13
Sign Up
1m 27sCredits in subtasks
Paused#39
Sign Up / Navigation
0.8 cr needed
Paused#37
Sign Up / Enrollment Panel
0.8 cr needed
Paused#38
Sign Up / Workspace Context
0.8 cr needed
Paused#40
Sign Up / App Footer
0.8 cr needed
Paused#14
Login
0m 42sCredits in subtasks
Paused#35
Login / Navigation
0.8 cr needed
Paused#34
Login / Verification Panel
0.8 cr needed
Paused#36
Login / App Footer
0.8 cr needed
Paused#15
Projects
0m 41sCredits in subtasks
Paused#52
Projects / Navigation
0.8 cr needed
Paused#49
Projects / Header
0.8 cr needed
Paused#50
Projects / Project Grid
0.8 cr needed
Paused#51
Projects / Start New
0.8 cr needed
Paused#53
Projects / App Footer
0.8 cr needed
Paused#16
New Project
0m 41sCredits in subtasks
Paused#43
New Project / Navigation
0.8 cr needed
Paused#41
New Project / Prompt Stage
0.8 cr needed
Paused#42
New Project / Generation Status
0.8 cr needed
Paused#44
New Project / App Footer
0.8 cr needed
Paused#17
Editor
0m 41sCredits in subtasks
Paused#47
Editor / Navigation
0.8 cr needed
Paused#45
Editor / Shell
0.8 cr needed
Paused#46
Editor / Timeline
0.8 cr needed
Paused#48
Editor / App Footer
0.8 cr needed
Paused#5
Architecture
0.1 cr needed
Paused#6
Workspace task plan
0.1 cr needed
Paused
Editable motion, not a locked render
Prompt.Design.Animate.
An AI motion design workspace built specifically for motion designers.
AI MOTION
STAGE · X:1240 Y:0880
Brand launch title
Generated from prompt — editable layers, keyframes and properties intact.
PROMPT
Inspector00:04:12
Opacity100%
X Pos+1240
Y Pos+0880
Rotation-0.9°
Focus area
TypographyUI / UXBrand
TimelinePLAYHEAD · 00:04:12
00:00:0000:02:0600:04:12
TitleSubUI CardOpacityMotion
AI MOTION WORKSPACE · v1.0 · 60FPS00:04:12
aimotion-design · workspace positioning
An AI motion design workspace built specifically for motion designers
MEASURE 0320 × 0140Not a generic AI video generator
Built for the people who judge a tool by its own motion.
Motion Graphics Designer
Works the full Prompt → AI Design → Edit → Animate → Export workflow and judges the tool by its own motion.
Graphic Designer
Brings static design sensibility into motion, weighted toward brand motion and marketing animations.
UI/UX Designer
Produces interface and product motion that behaves correctly and reads clearly.
Video Editor
Creates typography and social motion assets to place into video work.
Product Designer
Iterates on SaaS/product animations and UI/UX motion that explain product behaviour.
LEDGER · 00:00:08 · 60FPSREAD ONLY
Prompt → AI Design → Edit → Animate → Export
Each stage is the workspace itself, annotated. The same surface a designer works in, shown at the moment it matters — from the first line of the prompt to the finished motion asset.
AI MOTION WORKSPACE · 5 STAGES · 00:00:00
GeneratingAI DESIGN · 51%
Editable design · not a locked render
editable layersparsedkeyframe scaffoldanimatingnaming + groupsanimating
Inspector
Projectuntitled.aimo
Stage1920×1080
Rate24 fps
Duration00:04:12
Stategenerating
02/AI DESIGN
AI Design
The AI design service returns an editable design, not a locked render, while generation progress stays observable.
GENERATING · MINT PULSEstage · 1920×1080
selected · glass card · 112%Layers
Glass Card01
Title Type02
Soft Particles03
Background Grid04
Properties
X position1240 px
Y position0880 px
Scale112 %
Rotation0.0 °
Opacity94 %
Fill#7C5CFF
03/EDIT
Edit
Adjust the generated design's elements and properties on the stage and in the inspector until it matches intent.
STAGE + INSPECTORTitle Type
Glass Card
Soft Particles
Background Grid
TC 00:02:03FRAME 48 / 96KF 03 / 05F48F96
04/ANIMATE
Animate
Apply keyframes; violet dots and a hairline spline sit on the timeline beneath a mint playhead.
TIMELINE · 00:04:12Export · from current project state68%
- Render · 1920×1080
- Encode · H.264 high
- Package · webm / mp4
FormatMP4 · H.264
Frames96 @ 24fps
Statefrom prompt → animate
Inspector
Projectuntitled.aimo
Stage1920×1080
Rate24 fps
Duration00:04:12
Stateexporting
05/EXPORT
Export
Produce the finished motion asset from the current project state with observable export progress.
EXPORT · PROGRESSCREATIVE FOCUS AREAS
Seven focus areas the workspace already speaks.
Not a generic AI video generator. Every area below is authored as editable motion design — prompted, designed, edited, animated and exported.
07 / 07 AREAS
SaaS / product animations01
PROMPT → EDITABLE DESIGNSTAGE · INSPECTOR · TIMELINE12 LAYERS · 6 KEYFRAMED
SaaS / product animations
Product behaviour and interface-demo motion.
UI/UX animations02
STATE A → STATE B
UI/UX animations
Interface transitions and interaction motion.
2D motion graphics03
VECTOR PATHS · 4 GROUPS
2D motion graphics
Flat-vector motion composition.
Typography animation04
AIMOTIONAIMOTIONAIMOTION
3 TYPE LAYERS STACKED
Typography animation
Type-led motion for titles and captions.
Social media motion graphics05
9:16 · 1080×1920
Social media motion graphics
Motion graphics cut for social channels.
Brand motion06
LOCKUP · 0s → 1.2s
Brand motion
Brand and identity motion language.
Marketing animations07
16:9 CAMPAIGN FRAME
Marketing animations
Campaign and promotional motion.
PROMPT → AI DESIGN → EDIT → ANIMATE → EXPORT
Bring your next motion design into the workspace.
Start a projectAI MOTION WORKSPACE · v1.0 · 60FPS · 00:00:0000:00:00
Editable motion, not a locked render
Prompt.Design.Animate.
An AI motion design workspace built specifically for motion designers.
AI MOTION
STAGE · X:1240 Y:0880
Brand launch title
Generated from prompt — editable layers, keyframes and properties intact.
PROMPT
Inspector00:04:12
Opacity100%
X Pos+1240
Y Pos+0880
Rotation-0.9°
Focus area
TypographyUI / UXBrand
TimelinePLAYHEAD · 00:04:12
00:00:0000:02:0600:04:12
TitleSubUI CardOpacityMotion
AI MOTION WORKSPACE · v1.0 · 60FPS00:04:12
aimotion-design · workspace positioning
An AI motion design workspace built specifically for motion designers
MEASURE 0320 × 0140Not a generic AI video generator
Built for the people who judge a tool by its own motion.
Motion Graphics Designer
Works the full Prompt → AI Design → Edit → Animate → Export workflow and judges the tool by its own motion.
Graphic Designer
Brings static design sensibility into motion, weighted toward brand motion and marketing animations.
UI/UX Designer
Produces interface and product motion that behaves correctly and reads clearly.
Video Editor
Creates typography and social motion assets to place into video work.
Product Designer
Iterates on SaaS/product animations and UI/UX motion that explain product behaviour.
LEDGER · 00:00:08 · 60FPSREAD ONLY
Prompt → AI Design → Edit → Animate → Export
Each stage is the workspace itself, annotated. The same surface a designer works in, shown at the moment it matters — from the first line of the prompt to the finished motion asset.
AI MOTION WORKSPACE · 5 STAGES · 00:00:00
Motion preview
01/PROMPT
Prompt
Describe the motion design you want; the glass prompt bar is the workspace's first object.
PROMPT BAR · CARET ACTIVEGeneratingAI DESIGN · 51%
Editable design · not a locked render
editable layersparsedkeyframe scaffoldanimatingnaming + groupsanimating
Inspector
Projectuntitled.aimo
Stage1920×1080
Rate24 fps
Duration00:04:12
Stategenerating
02/AI DESIGN
AI Design
The AI design service returns an editable design, not a locked render, while generation progress stays observable.
GENERATING · MINT PULSEstage · 1920×1080
selected · glass card · 112%Layers
Glass Card01
Title Type02
Soft Particles03
Background Grid04
Properties
X position1240 px
Y position0880 px
Scale112 %
Rotation0.0 °
Opacity94 %
Fill#7C5CFF
03/EDIT
Edit
Adjust the generated design's elements and properties on the stage and in the inspector until it matches intent.
STAGE + INSPECTORTitle Type
Glass Card
Soft Particles
Background Grid
TC 00:02:03FRAME 48 / 96KF 03 / 05F48F96
04/ANIMATE
Animate
Apply keyframes; violet dots and a hairline spline sit on the timeline beneath a mint playhead.
TIMELINE · 00:04:12Export · from current project state68%
- Render · 1920×1080
- Encode · H.264 high
- Package · webm / mp4
FormatMP4 · H.264
Frames96 @ 24fps
Statefrom prompt → animate
Inspector
Projectuntitled.aimo
Stage1920×1080
Rate24 fps
Duration00:04:12
Stateexporting
05/EXPORT
Export
Produce the finished motion asset from the current project state with observable export progress.
EXPORT · PROGRESSCREATIVE FOCUS AREAS
Seven focus areas the workspace already speaks.
Not a generic AI video generator. Every area below is authored as editable motion design — prompted, designed, edited, animated and exported.
07 / 07 AREAS
SaaS / product animations01
PROMPT → EDITABLE DESIGNSTAGE · INSPECTOR · TIMELINE12 LAYERS · 6 KEYFRAMED
SaaS / product animations
Product behaviour and interface-demo motion.
UI/UX animations02
STATE A → STATE B
UI/UX animations
Interface transitions and interaction motion.
2D motion graphics03
VECTOR PATHS · 4 GROUPS
2D motion graphics
Flat-vector motion composition.
Typography animation04
AIMOTIONAIMOTIONAIMOTION
3 TYPE LAYERS STACKED
Typography animation
Type-led motion for titles and captions.
Social media motion graphics05
9:16 · 1080×1920
Social media motion graphics
Motion graphics cut for social channels.
Brand motion06
LOCKUP · 0s → 1.2s
Brand motion
Brand and identity motion language.
Marketing animations07
16:9 CAMPAIGN FRAME
Marketing animations
Campaign and promotional motion.
PROMPT → AI DESIGN → EDIT → ANIMATE → EXPORT
Bring your next motion design into the workspace.
Start a projectAI MOTION WORKSPACE · v1.0 · 60FPS · 00:00:0000:00:00
No comments yet. Be the first!