Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

🚀 Last night, I came up with an amazing idea and implemented it using Cursor: fig4ai. Run `npx fig2ai ` This will generate a `.designrules` file for your project. Using this file, your Figma file is transformed into an AI context that you can refer to for any kind... show more

fatih kadir akın

101,602 subscribers

152,431 görüntüleme • 1 yıl önce •via X (Twitter)

Bilim & Teknoloji Eğitim

Anya Rossi• Live Now

Private livecam show

11 Yorum

Mert Can Demir profil fotoğrafı

Mert Can Demir1 yıl önce

@cursor_ai Yeminle aklima gelmisti boyle bir sey :) cok kullanisli ve mantikli olmus 👌

Anima profil fotoğrafı

Anima1 yıl önce

Transform your @figma designs into production-ready @shadcn components with Anima. Streamline your workflow, maintain design consistency, and generate Tailwind-based code effortlessly.✨

Serhat profil fotoğrafı

Serhat1 yıl önce

@cursor_ai

@𝚐𝚞𝚗𝚎𝚢𝚜𝚞𝚜 • Ahmed Şeref Güneysu profil fotoğrafı

@𝚐𝚞𝚗𝚎𝚢𝚜𝚞𝚜 • Ahmed Şeref Güneysu1 yıl önce

@cursor_ai Şirkette tam da figma'dan AI ile kodlama konuşulan thread'e reponun linkini yapıştırdım. Enter'a basarken elim titredi ama neden bilmiyorum 🫢

Serhat profil fotoğrafı

Serhat1 yıl önce

@cursor_ai open sourced ne ya ona yardım buna yardım ben oldum taksim ilk yardım dersin bak sonra

egemen.dev profil fotoğrafı

egemen.dev1 yıl önce

@cursor_ai Güzel bir çözüm olmuş. Eline sağlık. Bu arada Typo olmuş npx fig4ai olmalı

fatih kadir akın profil fotoğrafı

fatih kadir akın1 yıl önce

@cursor_ai Evet ilk adı fig2ai idi sonra fig4ai daha mantıklı geldi o yüzden öyle bilinçaltımdan çıkmış 😂

Umut Baran ZORLU profil fotoğrafı

Umut Baran ZORLU1 yıl önce

@cursor_ai Çok iyi proje!

Mustafa Ergisi profil fotoğrafı

Mustafa Ergisi1 yıl önce

@cursor_ai Sounds interesting, great work!

Heval Nergiz 👾 profil fotoğrafı

Heval Nergiz 👾1 yıl önce

@cursor_ai Abi o zaman kod yazmayı bilmeyen ui/ux designerlar artık kendilerine yazılımcı diyebilirler mi 🤓

Knight profil fotoğrafı

Knight1 yıl önce

@cursor_ai Harikasın beee. Çık şirket kur artık adamın canını sıkma 😂

Benzer Videolar

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Variables make your design consistent and flexible 🔥 Built this Light/Dark Dashboard in Figma using Variables for breakpoints. Giving away the Figma file with all variables set up. Comment 'Figma' & I will DM you the link (Must be follow so I can DM) #figma #UIDesign #process

Harshil Acharya

104,416 görüntüleme • 1 yıl önce

🚀 Built this Light/Dark Dashboard in Figma for Healthcare CRM using Variables for different breakpoints. Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM)

🚀 Built this Light/Dark Dashboard in Figma for Healthcare CRM using Variables for different breakpoints. Giving away the Figma file + Tutorial (with all variables set up). Comment 'Figma' & I will DM you the link (Must be follow so I can DM)

Harshil Acharya

190,517 görüntüleme • 8 ay önce

Finished this HUGE library of amazing EDITABLE websites you can use for your next project! Retweet + Like and comment "Link" for the Figma file! #buildinpublic #uiux #DailyUI

Finished this HUGE library of amazing EDITABLE websites you can use for your next project! Retweet + Like and comment "Link" for the Figma file! #buildinpublic #uiux #DailyUI

Ivan Salim

587,816 görüntüleme • 2 yıl önce

This is how a designer at Slack organizes their design iterations in Figma Every designer should copy this approach and keep a daily log of their design iterations. Doesn't have to be super structured but just date and name for each design iteration Biggest benefit I see for using this approach is building trust with your design manager and stakeholders as they can go into your Figma file and visualize your progress/efforts Also scares away micro managers😉 👀 Watch the full interview on Sneak Peek: andrew gosine 🌲 shows how he organizes design iterations for Slack in Figma 👇

This is how a designer at Slack organizes their design iterations in Figma Every designer should copy this approach and keep a daily log of their design iterations. Doesn't have to be super structured but just date and name for each design iteration Biggest benefit I see for using this approach is building trust with your design manager and stakeholders as they can go into your Figma file and visualize your progress/efforts Also scares away micro managers😉 👀 Watch the full interview on Sneak Peek: andrew gosine 🌲 shows how he organizes design iterations for Slack in Figma 👇

Jayneil Dalal

120,695 görüntüleme • 11 ay önce

The first time I did it, you guys loved it sooo... Finished this HUGE library of amazing EDITABLE websites you can use for your next project v2.0! Retweet + Like and comment "Link" for the Figma file! #buildinpublic #uiux #DailyUI

The first time I did it, you guys loved it sooo... Finished this HUGE library of amazing EDITABLE websites you can use for your next project v2.0! Retweet + Like and comment "Link" for the Figma file! #buildinpublic #uiux #DailyUI

Ivan Salim

297,840 görüntüleme • 2 yıl önce

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Designers, stop manually prototyping your Figma designs, instead turn your design into realistic prototypes with Figma Make. Here’s my step-by-step process: prepare your Figma design, select the screens and send it to Figma Make, enter a prompt to generate a prototype using the reference design, and in seconds you’ll get a realistic UI prototype that stays true to your original design. Bookmark it for later 💜

Abraham John 🦄🦓

30,370 görüntüleme • 5 ay önce

Turn any website into an AI-readable design system. Here's how: Google recently introduced the DESIGN.md specification: a file that helps AI agents understand a product’s design system. So we built a free tool for designers. Paste any website URL and Masumi’s DESIGN.md Generator extracts the brand’s colors, typography, components, spacing, and visual rules into an editable DESIGN.md file. Your designer can review it, tweak it, and hand it to Claude Code, Cursor, Codex, or any AI coding agent so the generated UI stays on-brand. Links below

albina

26,087 görüntüleme • 2 ay önce

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity why is this different? official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting imagine this: - prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - zero click management: auto layout, component creation, deduplication handled by prompt - universal control: if you can do it in figma, it can do it for you the impact if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

figma "god mode" just leaked.. this week i tried the future of autonomous design: claude connected directly to the figma api with full edit access.. yes it can design in figma what does it mean? you prompt, it designs. it’s like having a team of designers inside figma working with you and 10x ing your capacity why is this different? official figma ai/mcp only "reads" files to help devs. this tool (unofficial MCP) "writes" in figma to replace manual labor. hours of grinding turned into seconds of waiting imagine this: - prompt to design: generate a new screen based on your design or not - prompt to flow: generate end to end user journeys - iteration: create multiple variations in one click - design system: it can use your components to create new screens - zero click management: auto layout, component creation, deduplication handled by prompt - universal control: if you can do it in figma, it can do it for you the impact if figma officially releases this, almost every existing plugin becomes obsolete overnight it feels like figma on steroids. i’m still processing whether i feel empowered or replaced full tutorial in this article from Mark A. Cianfrani. handle with care: ai will have access to everything in figma »

Aurelien

78,970 görüntüleme • 5 ay önce

New short course: Build AI Apps with MCP Servers: Working with Box Files, built with Box and taught by Ben Kus , their CTO. Many AI applications require custom code for basic file operations. The Model Context Protocol (MCP) standardizes this by letting you offload file tasks to dedicated servers that provide tools an LLM can use directly. In this course, you'll process documents stored in a Box folder using the Box MCP server. Rather than writing custom integration code to connect to the Box API and download files, you'll design your application to use the tools provided via MCP. Skills you'll gain: - Build an LLM-powered document processing app, using the Box MCP server to access files - Design a multi-agent system using Google's Agent Development Kit (ADK), consisting of specialized agents for file operations - Coordinate the multi-agent workflow through an orchestrator that uses the Agent2Agent (A2A) protocol to connect to the agents You'll start with a local file-processing app, refactor it to work with Box's MCP server, then evolve it into a multi-agent system. Sign up here:

New short course: Build AI Apps with MCP Servers: Working with Box Files, built with Box and taught by Ben Kus , their CTO. Many AI applications require custom code for basic file operations. The Model Context Protocol (MCP) standardizes this by letting you offload file tasks to dedicated servers that provide tools an LLM can use directly. In this course, you'll process documents stored in a Box folder using the Box MCP server. Rather than writing custom integration code to connect to the Box API and download files, you'll design your application to use the tools provided via MCP. Skills you'll gain: - Build an LLM-powered document processing app, using the Box MCP server to access files - Design a multi-agent system using Google's Agent Development Kit (ADK), consisting of specialized agents for file operations - Coordinate the multi-agent workflow through an orchestrator that uses the Agent2Agent (A2A) protocol to connect to the agents You'll start with a local file-processing app, refactor it to work with Box's MCP server, then evolve it into a multi-agent system. Sign up here:

Andrew Ng

81,696 görüntüleme • 10 ay önce

This JSON file will change how you write threads forever... I analyzed threads with millions of views and turned the winning patterns into a context file you can upload to Claude/GPT. This JSON context file contains hook templates, thread structures, and psychological triggers you upload to Claude/GPT + source docs with original viral tweets. Follow + comment "FILE" and I'll DM it.

This JSON file will change how you write threads forever... I analyzed threads with millions of views and turned the winning patterns into a context file you can upload to Claude/GPT. This JSON context file contains hook templates, thread structures, and psychological triggers you upload to Claude/GPT + source docs with original viral tweets. Follow + comment "FILE" and I'll DM it.

Tom

54,391 görüntüleme • 1 yıl önce

Introducing Deep Graph Codebase to MCP with One Click... Now Available for Gemini CLI too! 🤩 Transform any public GitHub repository into an AI-ready Code Graph by simply changing the URL from to This instantly prepares the repository for seamless integration with AI assistants. It's that easy! You can now use repositories like ollama as a code graph within any project using Gemini CLI... just add the MCP Server JSON configuration to your .gemini/settings.json file

Introducing Deep Graph Codebase to MCP with One Click... Now Available for Gemini CLI too! 🤩 Transform any public GitHub repository into an AI-ready Code Graph by simply changing the URL from to This instantly prepares the repository for seamless integration with AI assistants. It's that easy! You can now use repositories like ollama as a code graph within any project using Gemini CLI... just add the MCP Server JSON configuration to your .gemini/settings.json file

Daniel San

53,516 görüntüleme • 1 yıl önce

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

At this point, I have become lazy af. Figma connected to Cursor via my MCP and Opus 4.6 is designing a dashboard using Shadcn design system which is in the team library. So you chat in cursor, get designs in figma. Everything is designed according to your design system. Is this the dream of a designer?

AK

91,974 görüntüleme • 5 ay önce

Here it is. The complete guide to building and designing your own iPhone apps using AI!📱 In this guide we'll cover: - Designing with Figma AI - Turning designs into code using Cursor Composer - Adding extra functionality - Shipping to TestFlight Excited to see what you build!

Here it is. The complete guide to building and designing your own iPhone apps using AI!📱 In this guide we'll cover: - Designing with Figma AI - Turning designs into code using Cursor Composer - Adding extra functionality - Shipping to TestFlight Excited to see what you build!

Ammaar Reshi

230,014 görüntüleme • 1 yıl ö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.

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 • 1 ay önce

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.

We've been ramping up usage of AI tools on our design team at Coinbase 🛡️ Two examples: 1. Write a text prompt and get a figma mockup as a starting point for your design 2. Click a button and turn any figma design into front-end code The front-end code it generates adheres to our design system, and is trained on our library of UIs Shout out to 🛡️ tali krakowsky apel🛡️ Blair McKee and the team pushing this forward.

Brian Armstrong

520,436 görüntüleme • 2 yıl önce

Share Claude Code sessions with this command 👇 Just shipped v1.26.1 of claude-code-templates because I kept needing to hand off work mid-session. Run: npx claude-code-templates@latest --chats - All your sessions grouped by chat - Download any conversation To share a session: - Share the file, and add it to your project - Then run: claude "read @ chat-file .md and continue" Or if you are in the same account click on "Resume" and you will see the command: claude --resume session_id Built this to keep context flowing across the team without losing momentum.

Share Claude Code sessions with this command 👇 Just shipped v1.26.1 of claude-code-templates because I kept needing to hand off work mid-session. Run: npx claude-code-templates@latest --chats - All your sessions grouped by chat - Download any conversation To share a session: - Share the file, and add it to your project - Then run: claude "read @ chat-file .md and continue" Or if you are in the same account click on "Resume" and you will see the command: claude --resume session_id Built this to keep context flowing across the team without losing momentum.

Daniel San

10,787 görüntüleme • 9 ay önce

This is literally the easiest way to build an AI agent. Zero code. You only need to run a couple of commands. (I've said this before, but Google ADK is my favorite way to build code-first agents.) Here is what you need to do: 1. Open your terminal and create an empty folder 2. Run `uv init` inside the folder (if you don't have uv installed, you are really missing out!) 3. Install the google-adk library using the following command: `uv add google-adk`. 4. At this point, you can use the ask to create your agent with a single command: `uv run adk create --type=config my_agent`. This will ask you a couple of questions, including your GEMINI_API_KEY (you can create one online). 5. The command above will create a my_agent/root_agent.yaml file. Open it and add the following two lines at the end of the file so your agent can use Google to search for stuff: tools: - name: google_search 6. You have everything you need now. Run the adk web interface and start playing with your agent: `uv run adk web` That's it! Literally zero code. The agent works off the YAML configuration file.

This is literally the easiest way to build an AI agent. Zero code. You only need to run a couple of commands. (I've said this before, but Google ADK is my favorite way to build code-first agents.) Here is what you need to do: 1. Open your terminal and create an empty folder 2. Run `uv init` inside the folder (if you don't have uv installed, you are really missing out!) 3. Install the google-adk library using the following command: `uv add google-adk`. 4. At this point, you can use the ask to create your agent with a single command: `uv run adk create --type=config my_agent`. This will ask you a couple of questions, including your GEMINI_API_KEY (you can create one online). 5. The command above will create a my_agent/root_agent.yaml file. Open it and add the following two lines at the end of the file so your agent can use Google to search for stuff: tools: - name: google_search 6. You have everything you need now. Run the adk web interface and start playing with your agent: `uv run adk web` That's it! Literally zero code. The agent works off the YAML configuration file.

Santiago

140,873 görüntüleme • 7 ay önce

I created an Omarchy GTK+Adw theme. Using the sharp corners from Hyprland, and using the Tokyo Night color scheme. The theme is available on a GitHub repository, where you can fetch the style.css file to use with any of the GTK language bindings.

I created an Omarchy GTK+Adw theme. Using the sharp corners from Hyprland, and using the Tokyo Night color scheme. The theme is available on a GitHub repository, where you can fetch the style.css file to use with any of the GTK language bindings.

Bjarne Øverli

19,815 görüntüleme • 9 ay önce