Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Getting started in Paper is now really easy You can start your design from your: • live site • figma design • codebase No more screenshots. Check out these flows. (I love this vid, sound on 🔊🎶)

stephenhaney's profile picture

Stephen Haney

18,751 subscribers

85,527 görüntüleme • 2 gün önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Hello! Today we're releasing Paper Desktop Paper is now a canvas for Cursor, Claude Code, Codex. Any agent can read and write html to Paper. • push or pull from your codebase • pull real data from anywhere • less work, more design What will you ship? Sound on 🎶
1:03

Hello! Today we're releasing Paper Desktop Paper is now a canvas for Cursor, Claude Code, Codex. Any agent can read and write html to Paper. • push or pull from your codebase • pull real data from anywhere • less work, more design What will you ship? Sound on 🎶

Stephen Haney

1,690,128 görüntüleme • 5 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

398,704 görüntüleme • 2 ay önce

Stay ahead Today we're announcing Paper Snapshot Snapshot your live website and paste it into Paper as editable layers • start from your real site • no more screenshots • uses real html/css What will you make? Link in replies 🎶
0:47

Stay ahead Today we're announcing Paper Snapshot Snapshot your live website and paste it into Paper as editable layers • start from your real site • no more screenshots • uses real html/css What will you make? Link in replies 🎶

Stephen Haney

545,824 görüntüleme • 4 ay önce

Friends don’t let friends paste screenshots! ☝️ 🚀 Copy Design from Figma Make is out! 🚀 Watch Holly demo how you can get design layers out of Make — to riff, jam and collaborate! — This is just the start!
1:28

Friends don’t let friends paste screenshots! ☝️ 🚀 Copy Design from Figma Make is out! 🚀 Watch Holly demo how you can get design layers out of Make — to riff, jam and collaborate! — This is just the start!

Niko

29,935 görüntüleme • 10 ay önce

With this Figma plugin, you can publish a responsive live website based on your desktop design!
0:25

With this Figma plugin, you can publish a responsive live website based on your desktop design!

Jan Mraz

12,626 görüntüleme • 1 yıl önce

New website for Kigen Design System is live 🚀 This is an extension of the Kigen Figma Plugin that helps you kickstart your design system faster. It includes 6k+ components and variants, with easy customization, proper documentation, and more. Check out and let me know...
0:47

New website for Kigen Design System is live 🚀 This is an extension of the Kigen Figma Plugin that helps you kickstart your design system faster. It includes 6k+ components and variants, with easy customization, proper documentation, and more. Check out and let me know...

vijay verma

16,312 görüntüleme • 3 ay önce

⚡️New product alert: Meet Sidekick, your AI-powered accessibility assistant in Stark! Sidekick is a supercharged audit of your design files, making accessible design 100% faster (seriously…check it out now in Figma and Sketch)!
0:45

⚡️New product alert: Meet Sidekick, your AI-powered accessibility assistant in Stark! Sidekick is a supercharged audit of your design files, making accessible design 100% faster (seriously…check it out now in Figma and Sketch)!

Stark

36,160 görüntüleme • 3 yıl önce

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles
0:28

Back next week with 5 more features on Figma Slides, but for now have fun with these → View layers in Design mode in grid view → Keyboard shortcut to toggle on Design mode (⇧ + D) to access your fave Figma features → Add template text styles in Design mode → Click the right arrow to advance slides AND play videos → Create and save your Grid styles

Figma

124,675 görüntüleme • 2 yıl önce

using this real-time UI colorpicking tool, now you can find random trendy color palettes on the design itself. just press the Spacebar and get started :) try it out now on CodePen.IO: or check live site: #codepen #webdesign
0:22

using this real-time UI colorpicking tool, now you can find random trendy color palettes on the design itself. just press the Spacebar and get started :) try it out now on CodePen.IO: or check live site: #codepen #webdesign

Juxtopposed

15,749 görüntüleme • 3 yıl önce

Your vibe design partner just got more collaborative! To celebrate I/O, here are 5 major upgrades (and one big bonus!): 🌊 Streaming 📄 Start with your existing design ⏩ In-place AI Edits 🎥 Motion on HTML-native Canvas 🚀 More Import / Export Options (.fig, Netlify, Loveable, Bolt) 🌟 BONUS: Import and sync your codebase Rolling out now. Details and product walkthrough video in 🧵
1:18

Your vibe design partner just got more collaborative! To celebrate I/O, here are 5 major upgrades (and one big bonus!): 🌊 Streaming 📄 Start with your existing design ⏩ In-place AI Edits 🎥 Motion on HTML-native Canvas 🚀 More Import / Export Options (.fig, Netlify, Loveable, Bolt) 🌟 BONUS: Import and sync your codebase Rolling out now. Details and product walkthrough video in 🧵

Stitch by Google

494,215 görüntüleme • 2 ay önce

Want to boost your design skills over the weekend? Check out our new tutorial and design a vibrant card in Figma. Inside: lots of work with overlays, gradients, and a bonus explainer on how we made the animation from the teaser video right in Figma.
9:02

Want to boost your design skills over the weekend? Check out our new tutorial and design a vibrant card in Figma. Inside: lots of work with overlays, gradients, and a bonus explainer on how we made the animation from the teaser video right in Figma.

Alex Barashkov

124,968 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 👇
1:49

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

So which model is the best at frontend design? You can now eval pretty much all of them in pen(dot)dev in realtime in parallel. It's the most versatile design agent, where you can Sign in with ChatGPT, use your Claude subscription, OpenCode Go, Github CoPilot, connect Cursor Composer 2.5/Grok 4.5, Minimax M3, Kimi K2.7/K3, GLM 5.2, Gemini 3.5 Flash, Qwen 3.7 Plus etc, mix and match these models on design tasks directly in your codebase locally on your desktop.
0:25

So which model is the best at frontend design? You can now eval pretty much all of them in pen(dot)dev in realtime in parallel. It's the most versatile design agent, where you can Sign in with ChatGPT, use your Claude subscription, OpenCode Go, Github CoPilot, connect Cursor Composer 2.5/Grok 4.5, Minimax M3, Kimi K2.7/K3, GLM 5.2, Gemini 3.5 Flash, Qwen 3.7 Plus etc, mix and match these models on design tasks directly in your codebase locally on your desktop.

Tom Krcha

2,449,959 görüntüleme • 9 gün önce

You can now post riffs in Figma community profiles. Single frames that can be a static design or contain motion that others can copy and riff off of. Check out this trim path animation:
0:27

You can now post riffs in Figma community profiles. Single frames that can be a static design or contain motion that others can copy and riff off of. Check out this trim path animation:

miggi from figgi

20,218 görüntüleme • 1 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 »
0:48

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

“Prototyping in Figma has completely transformed how I approach design. It’s not just about creating static screens; it’s about crafting a smooth, interactive experience that feels real to the user. When you bring your design elements to life, you’re able to see how each piece connects, spot any weak areas, and get feedback early on. One tip? Start simple. Focus on key interactions before diving into details. This lets you test the overall flow and make adjustments as needed without getting bogged down. Figma’s prototyping make it easy to add transitions, animations, and micro-interactions that bring the entire design together. The best part? It’s collaborative. Team members, stakeholders, and users can interact with your prototype and provide insights that really help you refine the design. Let me know if we should host a Space on this over the weekend. Will be glad to give more tips! Here is another prototype made with ❤️❤️❤️ in Figma #Figma #Prototyping #UXDesign #DesignProcess #InteractiveDesign”
3:08

“Prototyping in Figma has completely transformed how I approach design. It’s not just about creating static screens; it’s about crafting a smooth, interactive experience that feels real to the user. When you bring your design elements to life, you’re able to see how each piece connects, spot any weak areas, and get feedback early on. One tip? Start simple. Focus on key interactions before diving into details. This lets you test the overall flow and make adjustments as needed without getting bogged down. Figma’s prototyping make it easy to add transitions, animations, and micro-interactions that bring the entire design together. The best part? It’s collaborative. Team members, stakeholders, and users can interact with your prototype and provide insights that really help you refine the design. Let me know if we should host a Space on this over the weekend. Will be glad to give more tips! Here is another prototype made with ❤️❤️❤️ in Figma #Figma #Prototyping #UXDesign #DesignProcess #InteractiveDesign”

designwithkingsley

44,251 görüntüleme • 1 yıl önce

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉
1:23

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

179,614 görüntüleme • 1 ay önce

Rive now works on Google App Ads! 🎉 Bring interactive, motion-rich experiences to your campaigns. Now you can design ads that stand out from the crowd and connect more deeply with your audience.
0:32

Rive now works on Google App Ads! 🎉 Bring interactive, motion-rich experiences to your campaigns. Now you can design ads that stand out from the crowd and connect more deeply with your audience.

Rive

28,384 görüntüleme • 1 yıl önce

You can just design on the web. No prompts, no copy - paste, just make changes like you would in Figma. This is still very early. Looking for testers. ❤️
3:20

You can just design on the web. No prompts, no copy - paste, just make changes like you would in Figma. This is still very early. Looking for testers. ❤️

Kemdirịm

34,493 görüntüleme • 1 ay önce

3 reasons to start designing in sections in Figma Today! With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma prototypes by half. Secondly, When working on larger projects, designing in sections helps break the work into manageable pieces. It also help keep your work more organised. Finally, Designing in sections makes it simpler to switch entire screens from dark to light mode (or vice versa). Now you know some simple tricks to design better and faster. Let me get back to work ✌🏽. #figma #uxdesign #uidesign #figmatips
1:03

3 reasons to start designing in sections in Figma Today! With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma prototypes by half. Secondly, When working on larger projects, designing in sections helps break the work into manageable pieces. It also help keep your work more organised. Finally, Designing in sections makes it simpler to switch entire screens from dark to light mode (or vice versa). Now you know some simple tricks to design better and faster. Let me get back to work ✌🏽. #figma #uxdesign #uidesign #figmatips

designwithkingsley

28,406 görüntüleme • 1 yıl önce