Streamline Design Workflow: Harnessing AI for Video Editing

Streamline Design Workflow: Harnessing AI for Video EditingStreamline Design Workflow: Harnessing AI for Video Editing

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

Jere Diberto

pro

• May 29

How do you find the time to share your design process when you’re constantly jumping from client to client? ⏳

Every time I finish a cool project, I want to record a quick breakdown. But between client deliveries and daily deadlines, sitting down to cut video and manually edit subtitles feels impossible. I’d rather spend that time on actual pixels.

Today I tested Captions to see if AI could remove that friction and speed up my creator workflow. It literally took seconds to format.

What do you think of the final result of this video? Does video editing hold you back from sharing your work too? Let me know in the comments! 👇 (Mind the quality, this is a quick screen record of my first trial run, but the efficiency speaks for itself!) 💎

Captions.ai captions

Jawad Hafeez

• Jun 2

Such a relatable struggle! AI-powered tools like this are real game changers for keeping the creative momentum going.

Atolani Adegbesan

• May 30

Well done man

Jere Diberto

pro

• Jun 2

Thanks man! Appreciate you stopping by. 🙌

Sharon Olusanya

• May 30

Love this!

Jere Diberto

pro

• Jun 2

Thank you, Sharon! Glad you liked the quick test. 😊

Sajibur Rahman

• May 31

Amazing Work Brother. I really love it.

Jere Diberto

pro

• Jun 2

Thanks for the support, brother! Glad the workflow resonated.

Asif Younas

pro

• May 31

Great effort

Jere Diberto

pro

• Jun 2

Thanks, Asif!

Redwan Hasan Rahat

• Jun 1

nice work man

Jere Diberto

pro

• Jun 2

Thanks!

Emmanuel Bliss

• Jun 1

Amzing work man

Jere Diberto

pro

• Jun 2

Thanks man!

Oleksandra Marchenko

pro

• Jun 1

Great! I'll take this approach after the project is finished and start recording videos for the team 🔥

Jere Diberto

pro

• Jun 2

Definitely do it! 🚀

Hanna Honcharenko

pro

• Jun 2

Good job:)

Pankaj Shah

• Jun 3

🙌

Aliu Tosin

• Jun 4

Intresting work jere

Rebecca Odii

• Jun 4

This is impeccable

Dalcirene Souza guedes

• Jun 7

Bom trabalho :

Otaru Emma

• Jun 13

I love this, but why not hire someone to do this for you?

Lydia Anibaba

• Jun 17

This is nice 👌

Guoshuai Zhang

• Jun 22

Great presentation. It makes the work easy to understand.

Natalia Trusova

• Jun 21

Title: I built a design system generator inside Figma Make. Here's the workflow.

The problem I kept running into: every new client project meant re-explaining the brand to every AI tool from scratch. Figma Make didn't know the colors. Cursor didn't know the tokens. Claude didn't know the rules. I was the shared memory — and I kept losing things.

So I built Design System Gen. Entirely inside Figma Make. Powered by Claude API.

The workflow:

Upload brand references → Claude API analyzes them across 8 dimensions (palette, mood, typography, composition, lighting, texture, motion, UI DNA) → structured data, not vibes → generates 11 files, each formatted for a specific tool in your stack.

figma-make.md → paste once, Figma Make knows your entire design system design-system.css → all tokens as CSS custom properties tokens.json → W3C format, imports directly into Figma Variables starter.tsx → React starter with tokens already bound .cursorrules → Cursor knows your system from root Claude.md → Claude reads it automatically every session + 5 more for docs, LLMs, prompts, components

Every tool gets its own context file. All consistent with each other.

The part I'm most proud of: I'm a designer. I don't write code. The entire tool — UI, API integration, file generation logic — was built and shipped inside Figma Make. No external hosting. No separate codebase.

Live at: vibecodingdsgen.figma.site

Add your Claude API key and try it with your own moodboard.

#FigmaMake #DesignSystem #VibeCoding #AI #Claude #UXUI #DesignSystems #ConfigMakeathon

UX Design AI Engineer Claude Figma

Rada Hnedova

• Jun 22

As someone who constantly jumps between Figma, Claude, ChatGPT, Cursor, Lovable, and other AI tools, this problem feels very familiar 😅

The tools are getting smarter, but keeping context consistent is still surprisingly manual. Love seeing people tackle that gap.

Austyn McFadden

pro

• Jun 21

I've spent the last few months experimenting with @framer and incorporating AI into my workflow. The more I build, the more it feels like drawing again. Ideas turn into components. Components turn into experiences. Everything feels a little more fluid and a lot more fun. This is a collection of concepts and experiments from that process. At this point, I wouldn't be surprised if more and more of my client work ends up moving from Webflow to Framer.