正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

AI tool that uses your design system to create new components (along with all of the code) 👇

Ridd 🤿

73,427 subscribers

144,722 次观看 • 2 年前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Introducing support for Design Systems in Bolt Now Bolt uses your actual design system components, not some mimic Here’s how to stop building from scratch and start building on-brand: 👇

bolt.new

66,917 次观看 • 11 个月前

We just added a Sora UI Kit to MagicPath. MagicPath is the only design platform where you can do this today: create high-fidelity, interactive components with AI, in your own style, on an infinite canvas. No other tool even comes close.

We just added a Sora UI Kit to MagicPath. MagicPath is the only design platform where you can do this today: create high-fidelity, interactive components with AI, in your own style, on an infinite canvas. No other tool even comes close.

Pietro Schirano

21,366 次观看 • 9 个月前

Impeccable 3 natively supports crafting new design with diffusion (e.g. GPT Image 2) in harnesses that support it (e.g. Codex, Gemini w/ nano banana plugin). Impeccable now uses the best mode of operation for net-new vs iterative design: 1) completely new design: diffusion-first, then build w/ best practices for brand or product design (new in 3.0) 2) iterative design (additions/changes): design-system first, discovers your components, reads DESIGN/PRODUCT.md, goes to work. new live mode (new in 3.0) makes it extra convenient. Here's a tutorial documenting the whole workflow (incl. how I made the demo site in the video):

Paul Bakaus

37,359 次观看 • 2 个月前

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

📐Design Systems and DESIGN.md Consistency using Design Systems and DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)

Stitch by Google

219,087 次观看 • 3 个月前

new Figma plugin in Cursor!! it can inspect your design system, find the right components/variables/styles, then write directly to figma as editable layers

new Figma plugin in Cursor!! it can inspect your design system, find the right components/variables/styles, then write directly to figma as editable layers

edwin

45,069 次观看 • 3 个月前

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵

Storybook MCP for React is here 🎉 Storybook MCP gives AI agents structured context from your components and design system to build better UI the first time. 🧵 ⤵

Storybook

169,127 次观看 • 3 个月前

New this week: Components 🧩 Design once. Reuse across your file. Update every instance with a single edit. Out today 👇

New this week: Components 🧩 Design once. Reuse across your file. Update every instance with a single edit. Out today 👇

Jitter

16,560 次观看 • 1 个月前

File upload component ⬆️ A complete design & code ecosystem. → [Create UI - Design System]™

File upload component ⬆️ A complete design & code ecosystem. → [Create UI - Design System]™

Chatto

71,769 次观看 • 18 天前

Figma new supafast AI Design tool ✨

Figma new supafast AI Design tool ✨

Zander Whitehurst

232,741 次观看 • 2 年前

1. Webflow. I use this tool to create landing pages for all of my businesses. You can create custom websites on a completely visual canvas with no code.

1. Webflow. I use this tool to create landing pages for all of my businesses. You can create custom websites on a completely visual canvas with no code.

Modest Mitkus

66,114 次观看 • 2 年前

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Mobile design UI components Line design system is an excellent collection of UI components for mobile apps—from action buttons to pulldown menus. Every component features anatomy, states & behavior, and design dos and donts.

Nick Babich

266,704 次观看 • 2 年前

Dress To Impress teases a new color-all system along with a brand-new feature coming soon.

DTI News ⭐️

35,920 次观看 • 5 个月前

Hello, world! It’s time for an #HourofCode adventure 🖥️ Learn the basics of coding with the trusty Agent to create helpful AI-powered inventions in the new Minecraft Hour of Code: Generation AI Start your coding journey here for free (no license required):

Hello, world! It’s time for an #HourofCode adventure 🖥️ Learn the basics of coding with the trusty Agent to create helpful AI-powered inventions in the new Minecraft Hour of Code: Generation AI Start your coding journey here for free (no license required):

Minecraft

314,675 次观看 • 2 年前

Your imagination is your tool 🫵🎨 It’s now your turn to design our PUMA Football 26/27 Third Kit with PUMA AI CREATOR 👕

Your imagination is your tool 🫵🎨 It’s now your turn to design our PUMA Football 26/27 Third Kit with PUMA AI CREATOR 👕

Manchester City

261,193 次观看 • 1 年前

Stop editing timelines. Start writing prompts. Replit Animation lets you create animated videos inside Replit using code. Replit ⠕ #replitanimation It generates TypeScript behind the scenes with modern animation libraries, turning your ideas into fully rendered mp4 videos. Plug in your existing design systems, typography, tokens, and production components to create videos that match your product perfectly. Video as code changes the workflow. Your components become reusable animation blocks. Update the code, regenerate the video, ship again. From automated changelog videos to polished feature releases, video creation becomes a scalable pipeline. Here is an example of a video I generated with Replit Animation. Export in your preferred resolution and frame rate or host it online with a shareable URL. Mention video in your first prompt or choose Animation under App mode to activate it. Start creating:

Stop editing timelines. Start writing prompts. Replit Animation lets you create animated videos inside Replit using code. Replit ⠕ #replitanimation It generates TypeScript behind the scenes with modern animation libraries, turning your ideas into fully rendered mp4 videos. Plug in your existing design systems, typography, tokens, and production components to create videos that match your product perfectly. Video as code changes the workflow. Your components become reusable animation blocks. Update the code, regenerate the video, ship again. From automated changelog videos to polished feature releases, video creation becomes a scalable pipeline. Here is an example of a video I generated with Replit Animation. Export in your preferred resolution and frame rate or host it online with a shareable URL. Mention video in your first prompt or choose Animation under App mode to activate it. Start creating:

MAPUNDA

143,053 次观看 • 4 个月前

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 ↓

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

23,588 次观看 • 2 个月前

I teach people to earn with AI. New rule: stop making pretty AI images, start making AI ads that sell. This tool does the second one for you. Show it your product.

I teach people to earn with AI. New rule: stop making pretty AI images, start making AI ads that sell. This tool does the second one for you. Show it your product.

Leo Martin

33,130 次观看 • 22 天前

10 insanely useful websites that will save you hundreds of hours of your work: 1. AI photo shoot 2. AI tool to find Customers 3. Create surveys with AI 4. AI Meeting Assistant 5. Data Analyst AI Tool 6. Free Temporary emails 7. Free Midjourney Alternative 8. Business Chatbot: 9. Top AI Tools Store 10. Generate Free AI Music

10 insanely useful websites that will save you hundreds of hours of your work: 1. AI photo shoot 2. AI tool to find Customers 3. Create surveys with AI 4. AI Meeting Assistant 5. Data Analyst AI Tool 6. Free Temporary emails 7. Free Midjourney Alternative 8. Business Chatbot: 9. Top AI Tools Store 10. Generate Free AI Music

Hasan Toor

53,134 次观看 • 2 年前

The #1 AI 3D Model Generator just got a game-changing upgrade — and anyone can use it. No 3D design experience? No problem. From game assets to product design — this tool does it all. 👇🧵

The #1 AI 3D Model Generator just got a game-changing upgrade — and anyone can use it. No 3D design experience? No problem. From game assets to product design — this tool does it all. 👇🧵

Md Riyazuddin

286,879 次观看 • 1 年前