Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 4 месяцев назад •via X (Twitter)

ИскусствоНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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

4 Figma plugins for presenting and improving UI spacing 🚀

Jan Mraz

72,265 просмотров • 3 лет назад

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 просмотров • 8 дней назад

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 просмотров • 7 месяцев назад

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 просмотров • 2 лет назад

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 просмотров • 6 месяцев назад

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 просмотров • 11 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 6 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 6 месяцев назад

❗️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 просмотров • 10 месяцев назад

i feel like rauno
0:12

i feel like rauno

Liam

14,886 просмотров • 2 лет назад

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 просмотров • 6 месяцев назад

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 просмотров • 8 месяцев назад

—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 просмотров • 8 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 6 месяцев назад

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 просмотров • 4 месяцев назад