Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Designing a mobile app directly in code now feels like Figma!

janm_uiux's profile picture

Jan Mraz

111,971 subscribers

29,847 görüntüleme • 6 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Designing a simple to-do app in Figma ☑️ with Frames X
0:48

Designing a simple to-do app in Figma ☑️ with Frames X

Dmitriy Bunin

19,499 görüntüleme • 2 yıl önce

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇
0:32

Figma just gave AI agents the canvas. Claude Code can now design directly in Figma via MCP + Skills👇

Min Choi

49,268 görüntüleme • 6 ay önce

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.
0:30

You can now push what you’re building in Claude Code directly into Figma. With the latest updates to the Figma MCP server, build a working prototype in code, then send it to a Figma canvas to explore multiple versions.

Claude

4,323,130 görüntüleme • 7 ay önce

How to design a mobile app in Figma (Start to finish)
58:44

How to design a mobile app in Figma (Start to finish)

Your Designer

70,177 görüntüleme • 2 yıl önce

Introducing: a new properties panel and annotations in Figma Make Directly edit your designs and prototypes built in code
0:40

Introducing: a new properties panel and annotations in Figma Make Directly edit your designs and prototypes built in code

Figma

66,920 görüntüleme • 1 ay önce

I designed this mobile app in Figma and decided to build it with Claude Code. These are some of the interactions I’ve built so far. Compared to the last time I tried building a mobile app with Claude Code for a client, this has been sooo much easier.
3:16

I designed this mobile app in Figma and decided to build it with Claude Code. These are some of the interactions I’ve built so far. Compared to the last time I tried building a mobile app with Claude Code for a client, this has been sooo much easier.

Wuraola | Product Designer

16,883 görüntüleme • 6 gün önce

Factory can now push what you’re building directly from code into Figma. Take a working prototype from the codebase, send it to a Figma canvas, and let designers and PMs edit components directly.
1:00

Factory can now push what you’re building directly from code into Figma. Take a working prototype from the codebase, send it to a Figma canvas, and let designers and PMs edit components directly.

Factory

29,038 görüntüleme • 6 ay önce

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4
0:54

Introducing Bifrost, a tool that uses AI to turn anything from Figma into clean React code automatically. How it works: - Generates usable code for anything in Figma - Drops the code directly into your code editor - Learns how to structure code just like yours 1/4

kartik

756,282 görüntüleme • 3 yıl önce

Live from Config: Meet Code Layers, bringing the full power of code directly onto the Figma canvas
8:35

Live from Config: Meet Code Layers, bringing the full power of code directly onto the Figma canvas

Figma

95,251 görüntüleme • 3 ay önce

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code
0:29

The Dev Mode MCP Server is now available in beta. Access Dev Mode data directly in your agentic coding workflow → VS Code with Copilot → Cursor → Windsurf → Claude Code

Figma

253,114 görüntüleme • 1 yıl önce

Apply for a Mobile Loan in minutes, directly from your phone. Download the KCB Mobile App today.
0:42

Apply for a Mobile Loan in minutes, directly from your phone. Download the KCB Mobile App today.

KCB Kenya

1,437,184 görüntüleme • 7 ay önce

Today we’re launching an experimental @Figma plugin that will convert your design into runnable code. Generate a Repl directly from Figma, and instantly share a static React app with your team. Then, use Replit AI to add functionality and get your code production-ready.
0:45

Today we’re launching an experimental @Figma plugin that will convert your design into runnable code. Generate a Repl directly from Figma, and instantly share a static React app with your team. Then, use Replit AI to add functionality and get your code production-ready.

Replit ⠕

524,579 görüntüleme • 2 yıl önce

New capabilities coming to Figma Make (Rolling out now in our Beta desktop app) → Bring your codebase to Make → Edit code with precise changes → Branch, commit, ship
2:35

New capabilities coming to Figma Make (Rolling out now in our Beta desktop app) → Bring your codebase to Make → Edit code with precise changes → Branch, commit, ship

Figma

106,021 görüntüleme • 3 ay önce

Designing with Claude Code just got a lot easier: we’re releasing Agentation 2.0! Agents can now directly interact with your design annotations in real time. Give it a spin
0:40

Designing with Claude Code just got a lot easier: we’re releasing Agentation 2.0! Agents can now directly interact with your design annotations in real time. Give it a spin

Dennis Jin

193,995 görüntüleme • 7 ay önce

Mobile preview made easy in Figma Make
0:20

Mobile preview made easy in Figma Make

Figma

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

💪🏽 Control your Android & iOS apps directly in VS Code with Mobile Canvas extension!
1:06

💪🏽 Control your Android & iOS apps directly in VS Code with Mobile Canvas extension!

Visual Studio Code

172,063 görüntüleme • 1 ay önce

Designing responsive card grids in Figma, supafast! ⚡️
0:29

Designing responsive card grids in Figma, supafast! ⚡️

Zander Whitehurst

148,109 görüntüleme • 3 yıl önce

I've always liked the infinite canvas as an exploration medium, but I could never get into Figma because I'm faster at designing in code So this weekend I made an app that combines canvas with code editor - write React, and it appears in the canvas
0:23

I've always liked the infinite canvas as an exploration medium, but I could never get into Figma because I'm faster at designing in code So this weekend I made an app that combines canvas with code editor - write React, and it appears in the canvas

nanda

79,813 görüntüleme • 5 ay önce

New: Coding sessions on mobile Keep work moving from the Linear mobile app. Review code changes, comment on specific lines, and send feedback directly to the agent.
0:20

New: Coding sessions on mobile Keep work moving from the Linear mobile app. Review code changes, comment on specific lines, and send feedback directly to the agent.

Linear

62,587 görüntüleme • 1 ay önce