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

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

На главную

File Upload component, now in code. 🔥 Drag-and-drop, progress, and file icons, shipped as clean React, perfectly matched to the Figma design. A complete design & code ecosystem. → [Create UI - Design System]™

itschatto's profile picture

Chatto

4,407 subscribers

21,764 просмотров • 4 месяцев назад •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

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

Фото профиля Terry Carson
Terry Carson4 месяцев назад

@createuico This is slick. Love seeing design and code line up this cleanly. Drag-and-drop plus progress makes it feel polished.

Фото профиля Chatto
Chatto4 месяцев назад

@createuico Thanks a lot Terry 🙌

Фото профиля Batuhan Kurt
Batuhan Kurt4 месяцев назад

@createuico 🔥🔥🔥

Фото профиля Chatto
Chatto4 месяцев назад

@createuico 🤞

Фото профиля Asif Ali | Video Editor
Asif Ali | Video Editor4 месяцев назад

@createuico Amazing work

Фото профиля Chatto
Chatto4 месяцев назад

@createuico Thanks a lot 🙌

Фото профиля Nick Venturi
Nick Venturi4 месяцев назад

@createuico now i don't have to argue with designers about the padding 🤝

Фото профиля Chatto
Chatto4 месяцев назад

@nickventuri @createuico Yeah 🤜🤛

Фото профиля Kishan / Founder at Misaki Studio
Kishan / Founder at Misaki Studio4 месяцев назад

@createuico great work finished

Фото профиля Chatto
Chatto4 месяцев назад

@createuico Thanks a lot 🙏

Фото профиля Chatto
Chatto4 месяцев назад

Create UI finally here. The lowest price will ever be! → 🔗 | @createuico

Фото профиля Create UI - Design System
Create UI - Design System4 месяцев назад

🔥

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

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css
0:28

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

Robin Delta

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

Just updated talk to figma mcp open source Anthropic Claude Code can now talk to figma I can ask claude to review my design and annotate directly in design file Link below
1:02

Just updated talk to figma mcp open source Anthropic Claude Code can now talk to figma I can ask claude to review my design and annotate directly in design file Link below

Sonny

32,790 просмотров • 8 месяцев назад

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇
1:40

That gap between design and production? Closed. 🔁 GitHub Copilot, Visual Studio Code, and Figma now create a continuous loop. With the bidirectional Figma MCP server, Copilot users can: 🔹 Pull design context into code 🔹 Push working UI back to the canvas Connect your canvas and stay in the flow. 👇

GitHub

113,405 просмотров • 8 месяцев назад

For years, the design industry has talked about "design vs code" And tools (including Figma!) have forced a choice. But this is a false debate. Code isn't the opposite of design. Code is a material for design. So we're bringing code to the Figma canvas with Code Layers.
0:20

For years, the design industry has talked about "design vs code" And tools (including Figma!) have forced a choice. But this is a false debate. Code isn't the opposite of design. Code is a material for design. So we're bringing code to the Figma canvas with Code Layers.

Dylan Field

98,090 просмотров • 4 месяцев назад

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.
1:40

Design → code → canvas → feedback → repeat. The Figma MCP server is now bidirectional. GitHub Copilot users can pull design context into code and push working UI back to the Figma canvas, all from Visual Studio Code . No handoffs or context switching. Just flow.

Mario Rodriguez

106,201 просмотров • 8 месяцев назад

Figma Motion: design AND animate in the same file Live from Config 2026
17:31

Figma Motion: design AND animate in the same file Live from Config 2026

Figma

113,560 просмотров • 4 месяцев назад

Create UI v1.0 is live. 🖤 Figma design system + Pro React library + AI-native, perfectly in sync. This is the one we've been building toward. 🧵
0:57

Create UI v1.0 is live. 🖤 Figma design system + Pro React library + AI-native, perfectly in sync. This is the one we've been building toward. 🧵

Create UI - Design System

90,909 просмотров • 4 месяцев назад

Check Designs: Keep every file synced to your design system with → Variable & style suggestions → Color contrast suggestions → Library mismatch detection → Detached component detection
0:57

Check Designs: Keep every file synced to your design system with → Variable & style suggestions → Color contrast suggestions → Library mismatch detection → Detached component detection

Figma

95,335 просмотров • 5 месяцев назад

Now that AI has enabled designers to code, is "design in code" a thing? Can we drop Figma altogether? 👇
5:08

Now that AI has enabled designers to code, is "design in code" a thing? Can we drop Figma altogether? 👇

Gary Simon

28,039 просмотров • 1 год назад

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.
0:33

Turn design into code with Claude Code + Figma. Through MCP, Claude sees your mockup at the data level—component hierarchies, design tokens, auto-layout rules—and translates it into production-ready code.

Claude

2,624,244 просмотров • 1 год назад

Code → design → code Generate design files from code, collaborate in Figma, and implement updates all within Codex without breaking your flow.
0:20

Code → design → code Generate design files from code, collaborate in Figma, and implement updates all within Codex without breaking your flow.

OpenAI Developers

242,639 просмотров • 8 месяцев назад

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇
0:33

The DESIGN.md upgrade is officially live in Stitch! 🚀 Yesterday we open-sourced the spec, and today we are giving you more tools to use it: 📄 Start with DESIGN.md: Attach a DESIGN.md right at the start of a project. Don't have one? Our new wizard will help you extract one from your code base or the web. 🔄 DESIGN.md to Design System: Upload a DESIGN.md file to generate a Design System on the canvas. 🧩 Token Support: Design Systems now support design tokens from DESIGN.md! Add them to your file and Stitch will seamlessly incorporate them. 🗑️ Clean Up: (You asked, we listened) You can now easily delete a design system. We’re excited to build the open design standard together. 👇

Stitch by Google

195,737 просмотров • 6 месяцев назад

Attachment issues (resolved) You can attach 30+ file types (docs, data, media, and code) directly in Make, so you can move beyond placeholders and design with real inputs from code to canvas.
0:31

Attachment issues (resolved) You can attach 30+ file types (docs, data, media, and code) directly in Make, so you can move beyond placeholders and design with real inputs from code to canvas.

Figma

35,403 просмотров • 7 месяцев назад

Figma just shipped the ability to bring UI work done in Claude Code straight into Figma as editable design frames. Use this to explore new ideas in Figma, view multi-page flows on the canvas, or reimagine user experiences.
0:25

Figma just shipped the ability to bring UI work done in Claude Code straight into Figma as editable design frames. Use this to explore new ideas in Figma, view multi-page flows on the canvas, or reimagine user experiences.

Thariq

1,329,091 просмотров • 8 месяцев назад

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code
0:30

Figma Make, now on your local code In limited beta starting today, you can visually edit and ship changes by connecting Make to your codebase At Figma, we use our products to design in every way: design layers, prototypes, and now, production code

Figma

401,941 просмотров • 5 месяцев назад

From Claude Design to Figma in 60 seconds: (*updated flow!) 1. In Claude Design: Share → `Export as standalone HTML` 2. Download the file 3. Drop it into the Anima Agent 4. The agent renders it as editable Figma layers
0:33

From Claude Design to Figma in 60 seconds: (*updated flow!) 1. In Claude Design: Share → `Export as standalone HTML` 2. Download the file 3. Drop it into the Anima Agent 4. The agent renders it as editable Figma layers

Anima

741,783 просмотров • 5 месяцев назад

Introducing Component Grab SuperDesign.Dev Chrome extension allows you to grab any UI component in browser We turn messy DOM into clean tailwind code pixel perfectly Paste into Superdesign AI native canvas to vibe design Or paste into Claude code/Cursor Free forever:
1:58

Introducing Component Grab SuperDesign.Dev Chrome extension allows you to grab any UI component in browser We turn messy DOM into clean tailwind code pixel perfectly Paste into Superdesign AI native canvas to vibe design Or paste into Claude code/Cursor Free forever:

Jason Zhou

78,413 просмотров • 11 месяцев назад

HyperFrames, now natively in Claude Design Drop in the skill file, generate motion graphics, download project ask Claude Code or run command: $ npx hyperframes render Design to animation to MP4, all in one flow details in thread
0:40

HyperFrames, now natively in Claude Design Drop in the skill file, generate motion graphics, download project ask Claude Code or run command: $ npx hyperframes render Design to animation to MP4, all in one flow details in thread

HeyGen

580,662 просмотров • 6 месяцев назад

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.
1:14

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

84,239 просмотров • 4 месяцев назад