正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Long overdue site revamp is up 🔥 → New font + copy → Services interaction → Embedded figma file for work showcase → Embedded call booking → Dedicated page for all my interactions Curious to see if the embedded Figma file helps conversion 👀

Kumail Nanji

12,434 subscribers

13,364 次观看 • 1 年前 •via X (Twitter)

科学技术教育艺术

Anya Rossi• Live Now

Private livecam show

15 条评论

Kumail Nanji 的头像

Kumail Nanji1 年前

Have some fun with the services section, and then let's chat design 🤙

RedDeer.Games 的头像

RedDeer.Games3 年前

➡️ new Operating System ⬅️ <NIntendo Switch app full of useful tools> ⚙️ Splendid customization options ✏️ Reliable tools (Notepad, Sketchbook, Day Planner) ✨ Brilliant design 🧩 A charming puzzle game inside! AVAILABLE NOW ON NINTENDO SWITCH!

AMDesign - CEO @ The Small Square 的头像

AMDesign - CEO @ The Small Square1 年前

Looks beautiful!

Kumail Nanji 的头像

Kumail Nanji1 年前

thank you!

Steve Lauda - Design Partner 的头像

Steve Lauda - Design Partner1 年前

Superb! Happy for you, my man!

dudu 的头像

dudu1 年前

motion motion motion this is a masterpiece man great job

Kumail Nanji 的头像

Kumail Nanji1 年前

@Duduagency thanks to you for that suggestion 🫶

Nee Say 的头像

Nee Say1 年前

Let's go 🔥

Kumail Nanji 的头像

Kumail Nanji1 年前

@NeehalSayad yesss finally a version i can keep up to date now without major changes 😅

Mohammad Ali 的头像

Mohammad Ali1 年前

dude is NEXT level

Kumail Nanji 的头像

Kumail Nanji1 年前

ayyy thanks brother 🫶 i was getting tired of the old site... give me 2 more months and i'll want to redesign this 😅

Brett 的头像

Brett1 年前

Well done man looks great 🙌

Sam Sen | Web Designer 的头像

Sam Sen | Web Designer1 年前

Lovely work Kumail!

Thato 的头像

Thato1 年前

The interactivity on this site is superb, really diggin' it ☄️

GARY SZASZIK - WEB DESIGN 的头像

GARY SZASZIK - WEB DESIGN1 年前

Those hover states are awesome, mate 🔥

相关视频

🚀 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 of front-end work. It's open sourced on: See the PoC video:

🚀 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 of front-end work. It's open sourced on: See the PoC video:

fatih kadir akın

152,510 次观看 • 1 年前

This is how 10 top designers organize their Figma files Every designer should copy these tactics to level up their Figma file organization skills This is the type of stuff that separates top designers from the rest! 👀 Watch the full video on Sneak Peek: andrew gosine 🌲, Tammy Taabassum, kelly hu, Jeff JB, Adam Storr, , topotropic 👉🏻 @topotropic@publicidentity.net, Lukas Guschlbauer ☻ show how they organizes Figma files for Slack, Figma, Webflow, Hex, Plaid, Firefox 🔥 👇

This is how 10 top designers organize their Figma files Every designer should copy these tactics to level up their Figma file organization skills This is the type of stuff that separates top designers from the rest! 👀 Watch the full video on Sneak Peek: andrew gosine 🌲, Tammy Taabassum, kelly hu, Jeff JB, Adam Storr, , topotropic 👉🏻 @[email protected], Lukas Guschlbauer ☻ show how they organizes Figma files for Slack, Figma, Webflow, Hex, Plaid, Firefox 🔥 👇

Jayneil Dalal

22,533 次观看 • 7 个月前

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 次观看 • 1 年前

This is how the entire Firefox design team work out of just 1 Figma file 🤯 It solves the biggest issue on design teams - what is everyone working on? I have worked on design teams where designers had no clue what others were working on This approach also eliminates the need for weekly 1 hour standups where everyone has to present what they are working on 👀 Watch the full interview on Sneak Peek: topotropic 👉🏻 @topotropic@publicidentity.net shows how Firefox 🔥 design team works out of a single Figma file👇

This is how the entire Firefox design team work out of just 1 Figma file 🤯 It solves the biggest issue on design teams - what is everyone working on? I have worked on design teams where designers had no clue what others were working on This approach also eliminates the need for weekly 1 hour standups where everyone has to present what they are working on 👀 Watch the full interview on Sneak Peek: topotropic 👉🏻 @[email protected] shows how Firefox 🔥 design team works out of a single Figma file👇

Jayneil Dalal

19,965 次观看 • 1 年前

🚨 AWESOME! President Trump is wheels up aboard Marine One taking off directly from the NEW HELIPAD at the White House With an epic view of the Washington Monument directly behind it 🔥 The helipad, made of granite, has the Presidential Seal embedded into it 🇺🇸 This is LONG OVERDUE for the White House, as the grass was at times TORN UP by a helicopter simply landing there Now, it will be significantly easier for 47 — and future presidents — to just be dropped off directly from Marine One!

🚨 AWESOME! President Trump is wheels up aboard Marine One taking off directly from the NEW HELIPAD at the White House With an epic view of the Washington Monument directly behind it 🔥 The helipad, made of granite, has the Presidential Seal embedded into it 🇺🇸 This is LONG OVERDUE for the White House, as the grass was at times TORN UP by a helicopter simply landing there Now, it will be significantly easier for 47 — and future presidents — to just be dropped off directly from Marine One!

Eric Daugherty

40,570 次观看 • 7 天前

🔥D. SACKS CALLS FOR COMPROMISE ON CRYPTO BILL Sacks warns banks that blocking the bill could backfire, as yield is already embedded in GENIUS Act. He says crypto groups must also “see the bigger picture” to secure full market structure reform. "If they do that, WE GET A BILL"

🔥D. SACKS CALLS FOR COMPROMISE ON CRYPTO BILL Sacks warns banks that blocking the bill could backfire, as yield is already embedded in GENIUS Act. He says crypto groups must also “see the bigger picture” to secure full market structure reform. "If they do that, WE GET A BILL"

Coin Bureau

113,907 次观看 • 8 个月前

Obsidian 1.8.3 is now available to all for desktop and mobile! - Web viewer. New core plugin lets you open external links within Obsidian on desktop. This makes it easier to read linked content without leaving the app and improves multitasking for web research. The plugin can be enabled manually in settings. - Improved iCloud sync. Obsidian no longer waits to confirm that configuration files have synced. - New mobile onboarding. This guided flow helps new mobile users create and sync a vault. - New "Download attachments for current file" command. Downloads all externally embedded images and replaces the external links with internal embeds. A few notable improvements: - When modifying a numbered list, the numbers are now updated automatically. - Pressing Enter in a multi-line list item now continues the list properly. - New "Insert footnote" command. Footnote autocomplete now provides a fallback to create a new footnote if no match is found. - Tags view now includes search. - File Explorer now includes an option to automatically reveal the active file. - Outline now has an "Auto-scroll to current section" option. - Sync now has a new view option, "Hide my changes," which hides your own file changes in a shared Obsidian sync vault. - Recently used commands now appear at the top of the command palette. - "Search current file" search bar now displays the total number of results. - "Insert template" command now sorts templates by file path and displays folder names. - , , and tags with relative src paths are now rendered in Live Preview and Reading mode. - Graph view no longer considers Canvas files as attachments. See the changelog for dozens more improvements and bug fixes.

Obsidian 1.8.3 is now available to all for desktop and mobile! - Web viewer. New core plugin lets you open external links within Obsidian on desktop. This makes it easier to read linked content without leaving the app and improves multitasking for web research. The plugin can be enabled manually in settings. - Improved iCloud sync. Obsidian no longer waits to confirm that configuration files have synced. - New mobile onboarding. This guided flow helps new mobile users create and sync a vault. - New "Download attachments for current file" command. Downloads all externally embedded images and replaces the external links with internal embeds. A few notable improvements: - When modifying a numbered list, the numbers are now updated automatically. - Pressing Enter in a multi-line list item now continues the list properly. - New "Insert footnote" command. Footnote autocomplete now provides a fallback to create a new footnote if no match is found. - Tags view now includes search. - File Explorer now includes an option to automatically reveal the active file. - Outline now has an "Auto-scroll to current section" option. - Sync now has a new view option, "Hide my changes," which hides your own file changes in a shared Obsidian sync vault. - Recently used commands now appear at the top of the command palette. - "Search current file" search bar now displays the total number of results. - "Insert template" command now sorts templates by file path and displays folder names. - , , and tags with relative src paths are now rendered in Live Preview and Reading mode. - Graph view no longer considers Canvas files as attachments. See the changelog for dozens more improvements and bug fixes.

Obsidian

118,904 次观看 • 1 年前

We’re building Copilot as a new OS for work that spans every model, every form factor, and every task. Today, we’re announcing our biggest update to Copilot to date, bringing four things together: · Autopilot: proactive and long-running agent built for the enterprise · Code: build apps with Copilot, hosted inside your company’s tenant · Home: Chat + Cowork together · Office: now fully embedded in Copilot (and Copilot embedded in Office, of course!) Plus, you can invoke Copilot in Teams, and we’re introducing Today, a proactive experience that surfaces the most important information from across M365 without needing to ask for it. The way we work is changing and so are our workflows. This update brings AI into that flow, from answering a question, to building an app, to getting work done on your behalf.

We’re building Copilot as a new OS for work that spans every model, every form factor, and every task. Today, we’re announcing our biggest update to Copilot to date, bringing four things together: · Autopilot: proactive and long-running agent built for the enterprise · Code: build apps with Copilot, hosted inside your company’s tenant · Home: Chat + Cowork together · Office: now fully embedded in Copilot (and Copilot embedded in Office, of course!) Plus, you can invoke Copilot in Teams, and we’re introducing Today, a proactive experience that surfaces the most important information from across M365 without needing to ask for it. The way we work is changing and so are our workflows. This update brings AI into that flow, from answering a question, to building an app, to getting work done on your behalf.

Satya Nadella

3,711,456 次观看 • 3 天前

Figma Capture + Claude Fable 5 = clone any competitor's landing page in minutes 🤯 Figma just dropped a Chrome extension that copy/pastes any live website into Figma as editable layers. Point Claude Code — running the new Fable 5 model — at the capture, and it rebuilds the whole page in YOUR brand: structure, copy, design system, photography. All inside Claude Code. Perfect for DTC brands and agencies who keep losing weeks rebuilding proven landers from scratch. If you're still cloning competitor pages the old way, You're screenshotting their site and praying the AI guesses the structure right. You're rebuilding sections by hand because the fonts and spacing never come out true. You're paying a designer $3K to recreate a page that already exists. This workflow eliminates the entire loop: → Capture the competitor's landing page with Figma's new Chrome extension — editable layers, not screenshots → Claude Code reads the page structure through the Figma MCP: every section, every headline, in order → It rebuilds the page in YOUR brand — your colors, your fonts, your voice (it even respects your banned-words list) → GPT Image 2 generates on-brand product photography from the layer names → Claude places every image automatically — finished page, ready to ship No screenshots. No guessing at structure. No design invoice. What you get: → A pixel-structured clone of any proven lander, rebuilt in your brand → Every line of copy rewritten in your voice → 16 on-brand images generated and placed for ~$2 in API costs → Start to finish in about 15 minutes Built 100% with Figma + Claude Code on Claude Fable 5. I put together a step-by-step playbook showing you exactly how to set it up. Want access for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)

Mike Futia

47,141 次观看 • 3 个月前

Mississippi is long overdue for a senator with the courage to take on Washington’s corruption, fight for our hospitals and bring good jobs back home. I’m ready to roll up my sleeves and get to work. On November 3rd, let’s take Mississippi in a new direction.

Mississippi is long overdue for a senator with the courage to take on Washington’s corruption, fight for our hospitals and bring good jobs back home. I’m ready to roll up my sleeves and get to work. On November 3rd, let’s take Mississippi in a new direction.

Scott Colom

78,740 次观看 • 20 天前

Chips are being embedded into your clothing labels The chips are mainly RFID, Radio Frequency Identification, chips being embedded into the labels If you look closely or hold the labels up to light you can clearly see the chip, not all labels have them but many retailers are using them RFID chips are used in many huge retailers in America for - Inventory tracking - Self-checkout, you place items in a bin and the system reads all tags automatically - Anti-theft and security They contain a microchip and antenna but are not “tracking microchips” however I’d still recommend removing them They’ve been out for years but are being used by more and more major retailers so people are staying to notice

Chips are being embedded into your clothing labels The chips are mainly RFID, Radio Frequency Identification, chips being embedded into the labels If you look closely or hold the labels up to light you can clearly see the chip, not all labels have them but many retailers are using them RFID chips are used in many huge retailers in America for - Inventory tracking - Self-checkout, you place items in a bin and the system reads all tags automatically - Anti-theft and security They contain a microchip and antenna but are not “tracking microchips” however I’d still recommend removing them They’ve been out for years but are being used by more and more major retailers so people are staying to notice

Wall Street Apes

184,672 次观看 • 2 个月前

As a logo designer, I'm always looking for ways to speed up how I deliver visual guidelines to clients. So for this Contra Makeathon, I wanted to test whether Figma Make had the power to fix part of that, and it does. Guidelines Studio 1.0 turns that handoff into minutes. You fill in the information, upload your existing brand assets, and it generates a clean document for you. I was impressed by how much is possible. And this is only the beginning, I'm planning to grow it into a functional, fuller brand deck. Excited to see if you find the idea useful! Try it here: guidelinesstudio(.)figma(.)site

Aryna Livadari

10,917 次观看 • 3 个月前

🚨 Gemini 3.0 Pro - ONE SHOTTED I asked it for UBUNTU web os as everyone asked me for it and the result is mind blowing. prompt : Create a fully functional Linux desktop environment (Ubuntu/GNOME style) as a complete web operating system in a single HTML file with embedded CSS and JavaScript. All applications must be fully functional Use whatever libraries to get this done but make sure I can paste it all into a single HTML file and open it in Chrome.make it interesting and highly detail , shows details that no one expected go full creative and full beauty in one code block

🚨 Gemini 3.0 Pro - ONE SHOTTED I asked it for UBUNTU web os as everyone asked me for it and the result is mind blowing. prompt : Create a fully functional Linux desktop environment (Ubuntu/GNOME style) as a complete web operating system in a single HTML file with embedded CSS and JavaScript. All applications must be fully functional Use whatever libraries to get this done but make sure I can paste it all into a single HTML file and open it in Chrome.make it interesting and highly detail , shows details that no one expected go full creative and full beauty in one code block

Chetaslua

260,195 次观看 • 11 个月前

The establishment is STEALING my election, but If it’s God’s plan for me to become a Congresswoman, SO BE IT. If you don’t see me on your ballot DO NOT VOTE YET. Email me, get an election judge & file a complaint. Request a new ballot if you don’t see my name. Let’s keep Texas CHRISTIAN✝️

The establishment is STEALING my election, but If it’s God’s plan for me to become a Congresswoman, SO BE IT. If you don’t see me on your ballot DO NOT VOTE YET. Email me, get an election judge & file a complaint. Request a new ballot if you don’t see my name. Let’s keep Texas CHRISTIAN✝️

Valentina Gomez

83,134 次观看 • 7 个月前

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

Tommy Geoco

22,905 次观看 • 11 个月前

For all those who were saying this was AI. If you can not see the diff between AI and real human work... well you're brain is pretty much fucked up. This is dedicated to you, with love ❤️ #noAI #humanwork #animation #KPOPDEMONHUNTERS #rigging #art

For all those who were saying this was AI. If you can not see the diff between AI and real human work... well you're brain is pretty much fucked up. This is dedicated to you, with love ❤️ #noAI #humanwork #animation #KPOPDEMONHUNTERS #rigging #art

Jorgebompart

77,185 次观看 • 10 个月前

HOW TO TRACK PEOPLE WITH THEIR IMAGES Many photos taken with modern smartphones contain hidden information called GPS metadata. This data is stored in the image file using a format known as EXIF (Exchangeable Image File Format). Along with camera settings like time, date, and device model, EXIF data can also include the exact GPS coordinates of where the picture was taken. When someone takes a photo with location services enabled, the phone uses the Global Positioning System to record the latitude and longitude. These coordinates are automatically embedded into the image file’s metadata. If the image is shared without removing this metadata, anyone with basic tools or online metadata viewers can extract the GPS coordinates from the file. By entering those coordinates into a map service such as Google Maps, they can see the exact location where the photo was taken. Because of this, an image can unintentionally reveal where a person lives, works, or frequently visits. For privacy and safety, many people remove metadata or disable location tagging before sharing photos online.

HOW TO TRACK PEOPLE WITH THEIR IMAGES Many photos taken with modern smartphones contain hidden information called GPS metadata. This data is stored in the image file using a format known as EXIF (Exchangeable Image File Format). Along with camera settings like time, date, and device model, EXIF data can also include the exact GPS coordinates of where the picture was taken. When someone takes a photo with location services enabled, the phone uses the Global Positioning System to record the latitude and longitude. These coordinates are automatically embedded into the image file’s metadata. If the image is shared without removing this metadata, anyone with basic tools or online metadata viewers can extract the GPS coordinates from the file. By entering those coordinates into a map service such as Google Maps, they can see the exact location where the photo was taken. Because of this, an image can unintentionally reveal where a person lives, works, or frequently visits. For privacy and safety, many people remove metadata or disable location tagging before sharing photos online.

H4RUK1 KIRA🇯🇵

201,347 次观看 • 6 个月前

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

Peter Yang

77,115 次观看 • 6 个月前