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
I watched Apple's 108-second event recap and couldn't stop thinking about one thing.
No voiceover. No presenter. Just words, motion, and rhythm.
Short sentences. Each one a beat. The entire year of Apple products - described in 108 seconds through kinetic typography alone.
That moment became TypeDeck.
The idea: What if After Effects had a baby with PowerPoint - and it was actually simple enough for anyone to use in minutes?
No timeline. No keyframes. No layers. Just write your script and watch it become a film.
I Built the entire app UI and animation engine from prompt to code. The behavior-based animation architecture, the script editor, the rhythm strip, all of it with use of Figma Make.
What TypeDeck does:
ā Paste your script ā every sentence auto-converts into an animated scene.
ā Copy a style with Ctrl+C, paste it across every slide with Ctrl+V.
ā Hook accent words with asterisks ā they get a color treatment automatically.
ā Apply flat color, gradients, or drop in images and video as backgrounds.
ā Export and import projects. Built-in music. Everything in one place.
The problem it solves:
After Effects has a learning curve measured in months. Canva has templates but no motion depth. There's nothing in between that gives a founder, marketer, or creator the ability to make a genuinely beautiful motion video in under 20 minutes - until now.
TypeDeck is free to use. Start to create your stunning videos today.
https://www.figma.com/make/oK7XsVbAKpa4LulmGxJ5Py/TypeDeck?t=sKtdidrjE34hmLjQ-20&fullscreen=1
Video Demo:
https://www.loom.com/share/6d621cc245094653baef910544523072
This entire video has been created with TypeDeck.
Amazing design š, very outstanding and professional
this is such a cool use case!
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
Clean shop
Iām building the lab I wish my students had. š§ŖāØ
For years, I taught brilliant minds in empty labs. We described reactions instead of seeing them. This "STEM Interaction Gap" drove my submission for the #ConfigMakeathon.
š Introducing: LabCraft AI
Turn static lesson plans into interactive web simulations in seconds. No codeājust curriculum.
ā” The Workflow (via @Figma Make):
AI Design: Generated responsive "Teacher Dashboard" & "Simulation Canvas" layouts instantly.
Logic Mapping: Used Figma Variables to link sliders to real-time flask visual states.
Itās personal. Itās EdTech. Itās the future of STEM.
š Explore the Lab:
š Live Prototype: thus-clad-63683861.figma.site
X Post Link: https://x.com/i/status/2064876112128127280
š Remix the Prompt: (See the section below!)
š The "Secret Sauce" (Remix Prompt)
SYSTEM ROLE: Principal Product Architect. GOAL: Generate a 3-screen STEM web app "LabCraft AI" (1440px) using Clean Neobrutalism (2px borders, 8px corners, 4px hard shadows). SCREENS: 1. Prompt Input Dashboard: Sidebar navigation + center AI input bar (48px height) with hover/focus states. 2. Interactive Lab Canvas: Split view. Left: 2 Sliders (8px track, 24px thumb) in Chemical Green (#01C38D). Right: Simulation viewport with an Erlenmeyer Flask showing dynamic fluid levels. 3. Performance Analytics: Grid of 3 metric cards + line chart with interactive nodes in Science Blue (#2A697). CONSTRAINTS: Use Auto Layout for everything. Semantic layer naming. Accessible palette (#2A6F97, #01C38D, #FF6B6B).
š ļø Quick Setup for Remixers š
If you're trying this prompt in Figma Make, follow these two steps for the best results:
StepAction1. Variable BindBind the generated colors to Local Variables to keep the Neobrutalist palette consistent.2. Prototype SyncLink the "Generate" button to the Lab Canvas using Smart Animate to show off the STEM interaction.
Amazing!
7 DAYS LEFT ā³
Jumped into the Figmaās Config Makeathon to finally build the idea that's been living rent-free in my head:
A community app where AI transforms tired public spaces into before/after visions. Vote, remix, repeat.
First design's done. What do you think?
ok this is looking so sharp š
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?