Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 4 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

12 Yorum

Terry Carson profil fotoğrafı
Terry Carson4 ay önce

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

Chatto profil fotoğrafı
Chatto4 ay önce

@createuico Thanks a lot Terry 🙌

Batuhan Kurt profil fotoğrafı
Batuhan Kurt4 ay önce

@createuico 🔥🔥🔥

Chatto profil fotoğrafı
Chatto4 ay önce

@createuico 🤞

Asif Ali | Video Editor profil fotoğrafı
Asif Ali | Video Editor4 ay önce

@createuico Amazing work

Chatto profil fotoğrafı
Chatto4 ay önce

@createuico Thanks a lot 🙌

Nick Venturi profil fotoğrafı
Nick Venturi4 ay önce

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

Chatto profil fotoğrafı
Chatto4 ay önce

@nickventuri @createuico Yeah 🤜🤛

Kishan / Founder at Misaki Studio profil fotoğrafı
Kishan / Founder at Misaki Studio4 ay önce

@createuico great work finished

Chatto profil fotoğrafı
Chatto4 ay önce

@createuico Thanks a lot 🙏

Chatto profil fotoğrafı
Chatto4 ay önce

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

Create UI - Design System profil fotoğrafı
Create UI - Design System4 ay önce

🔥

Benzer Videolar

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 görüntüleme • 2 yıl önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 4 ay önce