Loading video...

Video Failed to Load

Go Home

New Compready website Stack: Next.js + @Figma Animations: Jitter + AE ~1 month design + dev 257% increase in conversions

ivanboroja's profile picture

Ivan Boroja

13,833 subscribers

21,475 views • 11 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇
0:43

#Config2023 Launch 1: Dev Mode A new space in Figma for developers with features that help translate design into code, faster. Read more: Here are all the ways you can use Dev Mode 👇

Figma

617,554 views • 3 years ago

New in Dev Mode: → Editable text in measurements: describe design details with more than just numbers
0:23

New in Dev Mode: → Editable text in measurements: describe design details with more than just numbers

Figma

62,879 views • 2 years ago

what we shipped for ZeroLeaks in 3 months: - full end to end product UI/UX - full product frontend in Next.js - full website design and development in Next.js - custom Rive animations throughout
0:25

what we shipped for ZeroLeaks in 3 months: - full end to end product UI/UX - full product frontend in Next.js - full website design and development in Next.js - custom Rive animations throughout

Marcel

13,556 views • 2 months ago

Customize Dev Mode to how you work. Five plugins to try: Design 🤝 Dev → Atlassian Jira Code Generation → Bernardo Ferrari Figma to Code → Anima Design Systems → Tokens Studio → @Figma Code Snippet Editor More in the thread.
0:20

Customize Dev Mode to how you work. Five plugins to try: Design 🤝 Dev → Atlassian Jira Code Generation → Bernardo Ferrari Figma to Code → Anima Design Systems → Tokens Studio → @Figma Code Snippet Editor More in the thread.

Figma

47,568 views • 2 years ago

Trying to design a standout website? Check out these quick tips, inspired by the new Jitter site.
7:47

Trying to design a standout website? Check out these quick tips, inspired by the new Jitter site.

DANN©

369,289 views • 1 year ago

Midday's new website is out, and I'm so proud of Viktor. Viktor used to design in Figma, then hand it over to me. Now he uses Cursor and built the whole new site in Next.js, pushing it to Vercel. For a two-person team, this is the future.
0:57

Midday's new website is out, and I'm so proud of Viktor. Viktor used to design in Figma, then hand it over to me. Now he uses Cursor and built the whole new site in Next.js, pushing it to Vercel. For a two-person team, this is the future.

Pontus Abrahamsson — oss/acc

42,180 views • 10 months ago

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025
0:53

Introducing Figma Draw New fills, effects, brushes, and more, now in your Figma Design toolkit #Config2025

Figma

352,323 views • 1 year ago

Coming next week: New features in Dev Mode to bring design + dev closer. Annotations (!!), improvements to diffing, plugins, and the VS Code extension. What's shipping January 31 as Dev Mode moves out of free beta →
1:03

Coming next week: New features in Dev Mode to bring design + dev closer. Annotations (!!), improvements to diffing, plugins, and the VS Code extension. What's shipping January 31 as Dev Mode moves out of free beta →

Figma

789,942 views • 2 years ago

RIP website designers. This new tool is ChatGPT for UI design. What's even more amazing: it's all editable in Figma. 👇
0:30

RIP website designers. This new tool is ChatGPT for UI design. What's even more amazing: it's all editable in Figma. 👇

Rowan Cheung

5,553,141 views • 3 years ago

Really proud of the team’s work on the Conductor website. Figma for design. Jitter for animation. Webflow for development. No AI. I’d use AI if it could hit this level of quality. Not there yet.
0:43

Really proud of the team’s work on the Conductor website. Figma for design. Jitter for animation. Webflow for development. No AI. I’d use AI if it could hit this level of quality. Not there yet.

Kyle Anthony Miller

81,396 views • 6 months ago

3 Claude Skills for UX/UI Designers, part 2 1. /figma-generate-design for auto-layout Figma designs using Fable 5.2 2. /interaction-design-skills for meaningful interactions, microinteractions, and UI animations 3. /design-system-by-blue for creating design system tokens, components, and patterns #ui #figma #claude #appdesign #claudeskills
0:23

3 Claude Skills for UX/UI Designers, part 2 1. /figma-generate-design for auto-layout Figma designs using Fable 5.2 2. /interaction-design-skills for meaningful interactions, microinteractions, and UI animations 3. /design-system-by-blue for creating design system tokens, components, and patterns #ui #figma #claude #appdesign #claudeskills

Jan Mraz | UX UI designer

20,300 views • 3 days ago

Dev Mode: → Interactive Inspection (Dev Mode) → Annotations (MCP server) → Local Images (MCP server) → Design system rules (MCP server)
0:28

Dev Mode: → Interactive Inspection (Dev Mode) → Annotations (MCP server) → Local Images (MCP server) → Design system rules (MCP server)

Figma

99,335 views • 1 year ago

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇
0:36

From Claude Design to Figma in 60 seconds: 1. In Claude Design: Present → New tab 2. Copy the link 3. Paste into Anima Agent 4. The agent renders it as editable Figma layers link 👇

Anima

1,229,160 views • 7 months ago

Dev Mode, now in Codex. Available in the Figma plugin.
0:40

Dev Mode, now in Codex. Available in the Figma plugin.

Figma

2,441,792 views • 1 month ago

New in Dev Mode: → Ready for Dev View: see all designs marked ready for development in a single, organized space → Focus View: annotate and inspect with just your chosen design in focus → More Statuses: track what's ready for dev, changes made, and completed designs #Config2024
0:44

New in Dev Mode: → Ready for Dev View: see all designs marked ready for development in a single, organized space → Focus View: annotate and inspect with just your chosen design in focus → More Statuses: track what's ready for dev, changes made, and completed designs #Config2024

Figma

57,547 views • 2 years ago

Published a plugin! It allows you to copy CSS variables from Figma in either design or dev mode 🧑‍💻
1:01

Published a plugin! It allows you to copy CSS variables from Figma in either design or dev mode 🧑‍💻

luis.

12,083 views • 1 year ago

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.
0:54

#Config2023 launches bridge the gap between design and development, all in Figma. → Dev Mode, a new space for developers → Variables → Advanced prototyping → Auto layout updates → Font picker → File browser redesign Plus, we previewed the future of Figma with AI and announced the acquisition of Diagram.

Figma

1,338,011 views • 3 years ago

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →
0:30

Do more with Dev Mode. This new plugin allows you to write and generate dynamic code snippets for your design system. Code Snippet Editor →

Figma

141,282 views • 2 years ago