Loading video...

Video Failed to Load

Go Home

Besides improving the Vercel design system, rauno and I are also ensuring spacing relationships stay easy to audit and spot inconsistencies

merycodes's profile picture

Mery

15,812 subscribers

38,143 views • 4 months ago •via X (Twitter)

ArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

4 Figma plugins for presenting and improving UI spacing 🚀
0:18

4 Figma plugins for presenting and improving UI spacing 🚀

Jan Mraz

72,265 views • 3 years ago

V2.0 → V3.0 No new layout. Just stricter rules: spacing, radius, icon sizes, shadows and tokens. AlignUI Design System V3.0 is coming.
0:12

V2.0 → V3.0 No new layout. Just stricter rules: spacing, radius, icon sizes, shadows and tokens. AlignUI Design System V3.0 is coming.

Erşad

39,665 views • 8 days ago

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon
0:19

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon

Mike Bespalov

239,603 views • 7 months ago

Practical guide to creating design systems This guide offers practical tips for product audit, design alignment, creating specs, building components in Figma and defining metrics that will help you measure system success.
0:13

Practical guide to creating design systems This guide offers practical tips for product audit, design alignment, creating specs, building components in Figma and defining metrics that will help you measure system success.

Nick Babich

57,897 views • 2 years ago

Mobile app we designed from scratch. Handled everything from building the design system to designing the full app. making sure it’s simple, clean, and actually easy to use.
0:19

Mobile app we designed from scratch. Handled everything from building the design system to designing the full app. making sure it’s simple, clean, and actually easy to use.

Jay Dwivedi

16,687 views • 6 months ago

Day 1 at Vercel as a Design Engineer I’m beyond excited and thankful to be joining this incredibly talented design team 🖤
0:14

Day 1 at Vercel as a Design Engineer I’m beyond excited and thankful to be joining this incredibly talented design team 🖤

Mery

61,572 views • 10 months ago

Tipalti Fintech Platform Web Design and Design System Tipalti work highlights the system design behind the web and app with subtle and great usage of motion design. The project was created by Clay Global.
0:12

Tipalti Fintech Platform Web Design and Design System Tipalti work highlights the system design behind the web and app with subtle and great usage of motion design. The project was created by Clay Global.

Fabio - abduzeedo

11,044 views • 2 months ago

Extract any website's design system in one line. Colors, fonts, spacing, components. Formatted as a DESIGN .md your AI agents can use instantly. Built on our Fetch API. Fast, accurate, and structured. Powered by Hyperbrowser ↓
0:16

Extract any website's design system in one line. Colors, fonts, spacing, components. Formatted as a DESIGN .md your AI agents can use instantly. Built on our Fetch API. Fast, accurate, and structured. Powered by Hyperbrowser ↓

Hyperbrowser

24,008 views • 6 months ago

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )
0:13

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

Harshil Tomar

85,268 views • 2 months ago

It was definitely an amazing game after 4 and 5 felt like weaker entries. The use of verticality in the level design and combat system also gives the game some flavor from the typical RPG level design and combat flow.
0:17

It was definitely an amazing game after 4 and 5 felt like weaker entries. The use of verticality in the level design and combat system also gives the game some flavor from the typical RPG level design and combat flow.

Swillo

128,926 views • 6 months ago

Test-time learning has a catch that scaling alone does not solve: the state a system writes to in order to learn is also the record a user must inspect to audit it. Optimize it only for learning, and auditability usually degrades. Blog: Part I treats the learning state and the audit record as the same object. This starts the ADAPT series, exploring the architecture section by section.
0:11

Test-time learning has a catch that scaling alone does not solve: the state a system writes to in order to learn is also the record a user must inspect to audit it. Optimize it only for learning, and auditability usually degrades. Blog: Part I treats the learning state and the audit record as the same object. This starts the ADAPT series, exploring the architecture section by section.

Rei

38,490 views • 3 months ago

❗️Besides donkeys and horses, the Russians have also dragged a camel to the front line.
0:15

❗️Besides donkeys and horses, the Russians have also dragged a camel to the front line.

🪖MilitaryNewsUA🇺🇦

13,426 views • 10 months ago

i feel like rauno
0:12

i feel like rauno

Liam

14,886 views • 2 years ago

A packed leaderboard today for Vercel Day! 👀 Tons of builders across 68 different launches are competing for $30k in Vercel credits and chance to pitch to Vercel Ventures 🫶
0:11

A packed leaderboard today for Vercel Day! 👀 Tons of builders across 68 different launches are competing for $30k in Vercel credits and chance to pitch to Vercel Ventures 🫶

Product Hunt 😸

14,221 views • 6 months ago

Basic combat system working and continuous tile animations. I think I have most of the pieces in place except for quests, and lots of level design to do.
0:17

Basic combat system working and continuous tile animations. I think I have most of the pieces in place except for quests, and lots of level design to do.

martin_casado

19,671 views • 8 months ago

—A Large Selection of Weapons— One-Handed Sword A well-balanced and easy-to-handle weapon. A reliable choice that emphasizes mobility. Whip Long reach and devastating damage when the tip strikes an enemy. Proper spacing and timing are key! #Castlevania #CastlevaniaBC
0:11

—A Large Selection of Weapons— One-Handed Sword A well-balanced and easy-to-handle weapon. A reliable choice that emphasizes mobility. Whip Long reach and devastating damage when the tip strikes an enemy. Proper spacing and timing are key! #Castlevania #CastlevaniaBC

Castlevania Official

60,848 views • 8 months ago

Stay organized wherever you go with a compact bag built for modern lifestyles. The adjustable strap and smart storage design keep your phone, wallet, and essentials within easy reach.
0:14

Stay organized wherever you go with a compact bag built for modern lifestyles. The adjustable strap and smart storage design keep your phone, wallet, and essentials within easy reach.

Pyrenva

1,849,378 views • 3 months ago

Asked Claude to design me a typography system and, wow
0:14

Asked Claude to design me a typography system and, wow

Nate

47,602 views • 6 months ago

Made improvements to the design 🤍 - Improve light mode - Chart theme dropdown - Vercel oss program
0:17

Made improvements to the design 🤍 - Improve light mode - Chart theme dropdown - Vercel oss program

Matt

10,820 views • 4 months ago