AI designer at a top early stage startup shows her daily tool stack: @cursor_ai - Editing live code @figma Make - Prototyping @claudeai - Getting feedback on the work @floraai - Stellar image generation @mobbin - Design Inspiration @warpdotdev - Terminal of choice @meetgranola - Capture every single conversation 👀 Full conversation on Sneak Peek: piped.video/6PQAykmiZUA @claireytee shows how she uses different AI tools to design @Chronicle_HQ 👇

This is how a designer at Figma does engineering handoff in Figma This is the most comprehensive engineering handoff file I have ever seen in my design career 🤯 @taamannae shows she does engineering handoff for @figma in Figma 👇

🫣 What if you could look inside Figma files of top designers for free? I was tired of binge-watching design tutorials on YouTube because they lacked real world constraints. So, I'm launching a new interview series, 'Sneak Peek,' which shows how top designers use @figma. Here's the stellar lineup of companies and designers featured in season 1: @henrymodis from @perplexity_ai @UhrCecilia from @bezi_3d @ChooiDion from @LottieFiles @lorenbaxter from @felt @WeirdoWizard from @hygraph @0xCharlota from @WE3co Watch all 6 episodes for free at: sneakpeek.design/

This is how a top designer does brand design in Figma She never presents logo options to clients but builds an entire world around the logo 🤯 @0xCharlota shows how she designed the brand for @EspressoSys in @figma 👇

This is how a designer at Slack does accessibility design in Figma The attention to design details for making Slack accessible is mind blowing 🤯 @andrewgosine shows he designs @SlackHQ for accessibility 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: piped.video/PFtnNAdJcYc @andrewgosine shows how he organizes design iterations for @SlackHQ in @figma 👇

This is how a top designer designs for light and dark mode in Figma The way he is using tokens, variables in Figma is insane 🤯 @lorenbaxter shows how he designed light and dark modes for @felt in @figma 👇

What if you could sneak peek into the Figma files of top companies for free? Companies like Slack, Figma, Wealthfront, Plaid, Lattice, Tome, Hex, and Vaia! Sneak Peek is back with a new season featuring 17 top product designers who will give you in depth design project walkthroughs in Figma🤯 Here's the all star line up of companies and designers featured in season 2: 1. @andrewgosine will show you Information architecture, Accessibility design projects for @SlackHQ 2. @maxvoltar, @natashatenggoro, @kly_cl, @taamannae will show you how AI design, Growth design, Icon design, Redesign projects for @figma 3. @angelsteger, Khai Pham, Tim Opsahl, Megan Pluskis will show you Growth design, Brand design, Content design projects for @Wealthfront 4. @johnbai will show you Fintech design, Mobile design projects for @Plaid 5. @andreaacrouch, Carrie Noonan will show you Enterprise design, Design systems, Design sprint projects for @LatticeHQ 6. @zach__johnston will show you AI design, Growth design projects for @magicaltome 7. @AdamStorr, @benkolde, Sara Kim will show you Enterprise design, AI design projects for @_hex_tech 8. @derlukasg will show you AI design, Design systems projects for @StudySmarterDE Join 14,000+ designers and binge watch Sneak Peek at sneakpeek.design

This is how a designer at Uber creates design system documentation for engineering in Figma This is the most detailed design system documentation I have ever seen in my life 🤯 Ian Guisard shows how he create design system documentation in @figma for engineers at @Uber 👇

This is how a top designer uses components in Figma Her Figma component organization and documentation is insane 🤯 @ChooiDion shows how @LottieFiles uses components in @figma 👇

This is how a top designer creates a design PRD (Product Requirement Doc) in Notion This is the most comprehensive PRD that I have ever seen in my design career 🤯 @andreaacrouch shows she created a design PRD for @LatticeHQ in @NotionHQ 👇

Designer at Figma shows how to respond to tough design feedback without an ego Whether it's positive or negative design feedback, feedback is still a gift! We should celebrate the effort made by a stakeholder to give feedback on our designs despite their busy schedules @maxvoltar shows he responds to design feedback in @figma from @disco_lu 👇

This is how a top designer designs a logo in Figma Her design process is insane 🤯 @0xCharlota shows how she designed the logo for @EspressoSys in @figma 👇

This is how a top designer documents design decisions in Figma Steal this pro technique to ace your design critiques! By keeping design principles, user goals and problems, scope etc in one place you can surface them to your team in weekly design crits. You never know who might be able to help you out! @UhrCecilia shows how she document design decisions for @bezi_3d in @figma 👇

This is how a designer at Firefox documents leadership feedback in Figma Every designer should copy this approach to accelerate review process with executives and move the project forward You don't have to do this. But this is what separates the top designers from the rest! 👀 Watch the full interview on Sneak Peek: piped.video/E4idM0hC_AY @topotropic shows how @firefox design team captures exec feedback in @figma 👇

This is how a Head of Design runs design critique in FigJam I love how the process encourages introvert designers to take part! @AdamStorr shows he runs design crits for @_hex_tech in @figma's FigJam 👇

This is how the Figma design team does silent design critiques in Figma Why silent? To give introvert designers a chance to share their ideas! @taamannae shows how to do a silent design crit in @figma 👇

This is how a top designer designs complex data tables in Figma The amount of columns in this data table is insane 🤯 @WeirdoWizard shows how he designed complex data tables for @hygraph in @figma 👇

Every designer working on AI should study Perplexity copilot feature as design inspiration The attention to design details is insane 🤯 Instead of a static loading screen Perplexity shows what it's doing to build trust with the user immediately. Perplexity design team looked at early video game loading screens as inspiration. @henrymodis shares the design thought process for Copilot feature while giving a sneak peek into the @figma file for @perplexity_ai 👇

This is how a Head of Design uses Figma to do design onboarding for new product managers, engineers Design onboarding is a brilliant process to coach product, engineering on how to work best with designers and reduce friction @AdamStorr shows he uses @figma to do design onboarding for new PMs, engineers at @_hex_tech

Top designer shows why Glassmorphism is better than gradient design in Figma His "gel test" to evaluate a product design is insane 🤯 @lorenbaxter shows Glassmorphism vs gradient design iterations for @felt in @figma 👇

This is how Figma CEO Dylan Field gives feedback to designers during product reviews What makes Dylan unique is that he gives actual design feedback instead of high level strategy feedback which most CEOs do @natashatenggoro shows how feedback from @zoink, @yuhkiyam, @eymlin, @jenny_wen improved the experience for @figma's FigJam 👇

This is how a top designer uses Claude as a design partner Every designer should copy this AI workflow to improve their designs Especially solo designers at startups or designers working on small teams because they don't have the luxury of weekly design critiques or colleagues available to give them immediate design feedback 👀 Watch the full interview on Sneak Peek: piped.video/qgvkqXZq618 @hammedk shows how the Jump design team uses @claudeai as a design thought partner to improve @figma designs👇

This is how a top designer does UI audit in FigJam Doing UI audits ensures design consistency across the product! @andreaacrouch shows how she does UI audit for @LatticeHQ in @figma FigJam 👇

Head of Design shares top Figma file organization tips While these tips seem obvious or basic I see so many designers skip them Implementing these tips will make it very easy for your design leader to consume your design files @AdamStorr (Head of Design at @_hex_tech) shows top file organization tips in @figma 👇

This is how a top designer uses Untitled UI design system in Figma to save 100hrs Building a design system from scratch isn't the smartest move especially if you need to move fast or if your design team is small. That time could be better spent on improving the product experience @derlukasg hows he uses @UntitledUI design system in @figma to save hundreds of hours 👇

This is how a top designer does UX audit in FigJam When joining a new team or product area, designers should conduct a UX audit to better understand the product @andreaacrouch shows she did the UX audit for @LatticeHQ in @figma's FigJam 👇

This is how a top designer documents feedback from PMs, engineers in Figma Steal this pro technique to keep all the stakeholder feedback on your design iterations in one place! You no longer have to hunt down Notion docs or notes at the last minute. How do you document stakeholder feedback on your designs? @ChooiDion gives a sneak peek into the @figma file for @LottieFiles 👇

This is how a top designer uses sections to organize designs in Figma This is the most comprehensive file organization I have ever seen in my design career 🤯 Carrie Noonan (Staff Product Designer) shows she uses sections to organize designs for @LatticeHQ in @figma 👇

This is how a top designer does AI design explorations in Figma The amount of design iterations is insane 🤯 @derlukasg (Lead Product Designer) shows the AI design explorations for @StudySmarterDE in @figma 👇

This is how a designer at Southwest Airlines uses Figma Variables API to make design systems updates directly in code Every designer working on design systems should leverage this workflow to remove the dependency on engineering Another benefit of this workflow is that it gives full control of the design system to designers! Designers no longer have to worry about a developer misunderstanding and making a mistake 😅 👀 Watch the full interview on @figma's YouTube channel: piped.video/1YpX4OgITkY?si=J7N_… Jenny Hou shows how she uses Figma Variables API at @SouthwestAir 👇

This is how a top fintech designer does motion design in Figma The obsession this designer has for getting better at motion design is insane 🤯 @johnbai shows he does motion design for @Plaid in @figma 👇

This is how an AI designer creates a motion storyboard for engineering handoff in Figma The attention to interaction design details is mind blowing 🤯 @derlukasg shows he does engineering handoff for @StudySmarterDE in @figma 👇

This is how a designer at Figma redesigned their notifications in Figma Amazing to see how the Figma design team mentions negative user feedback as inspiration in the project overview deck 🤯 @taamannae shows how she redesigned the notifications for Figma in @figma 👇

This is how a designer at Uber uses Figma variable modes to change app density Variable modes is a huge unlock for designers who have to design for different screen densities. For example you could use compact density for internal applications and switch to spacious for consumer facing applications Ian Guisard shows how he uses @figma variable modes to toggle between different screen densities for @Uber app 👇

This is how a top designer uses Figma + Notion for design system documentation It's hard to believe that just 1 designer can create such in depth design system guidelines 🤯 @andreaacrouch shows she documented the @LatticeHQ design system using @figma + @NotionHQ 👇

This is how a top fintech designer organizes Figma file for engineering handoff Creating an end-to-end flow with static screens and a prototype provides engineers with essential context reducing the need for extra meetings @johnbai shows he organizes @figma files for @Plaid 👇

Designers at Figma never jump into solutioning right away during design critiques Instead they spend time on helping team members see how they are thinking about the problem Framing the problem is super important to get the right type of design feedback @natashatenggoro shows she frames a problem during design critiques at @figma 👇

Beyond stoked to share I'm partnering with Figma to launch a new series! Deep Dive - where we will look inside the @figma files of top designers What started as a small side project has morphed into an amazing platform to give back to the design community 🥹

This is how a top designer uses Figma MCP + Cursor Every designer should copy this workflow to get 90% of the design prototype ready super quick 👀 Watch the full interview on Sneak Peek: piped.video/XnHAlWeefVw @ItsJeffJB shows how the @webflow design team uses @figma MCP + @cursor_ai 👇

This is how a top AI designer does visual design iterations in Figma The attention to details for every single design element is insane. This is how a great product is built! @zach__johnston shows his design iterations for @magicaltome in @figma 👇

This is how a designer at Uber reduced their Figma component variants from 880 to 56 Take the example of tag component in Uber design system Instead of creating separate variants for different colored tags the Uber design system team used variable mode to assign different color values to the tag component @Uber designer Ian Guisard shows how he drastically reduced their @figma component variants 👇

This is how 3 top designers collect design inspiration in Figma Looking at a designer's moodboard gives you an idea about their taste @kly_cl, @UhrCecilia, Carrie Noonan show how they collect design inspiration for @figma, @bezihq, @LatticeHQ in Figma 👇

This is how a top design team fixes design issues in Figma before going to production The process is called "Polish Review" Before handoff to engineering Head of Design @ChrisTauziet asks a panel of designers to nit pick visual inconsistencies in the final designs This process helps the design team ensure a certain standard of quality for anything that is shipped @johnbai shows how @Plaid design team runs a Polish Review in @figma 👇

I asked a freelancer designer making $146,000+ on Contra to show his DMs Because everyone here only posts wins like closing new clients, invoice payment screenshots creating a flex culture where newbie freelance designers feel like they can never be successful No one is sharing behind the scenes of how all this happens! Like how do you actually close a client in the DMs? Do you share pricing upfront or only after the initial discovery call? My assumption was that the higher your X following the more inbound work you would get. So then the only strategy is to share cool design work and grow your presence on here right? But then this freelancer defies all those rules because he has only 3,000 followers but is killing it. After seeing his DMs I realized a genius strategy at play: Become a top rated Contra expert and then pick your favorite projects from overwhelming inbound client work from the Contra network 👀 Watch the full interview on Sneak Peek: piped.video/A1R6FV7IROw @deereis shows how to use @contra to get inbound freelance design gigs👇

If every designer started using Claude as a design thought partner in this way it might be the end of design critiques I have attended 100s of design critiques where all you got is basic UX feedback like "your button doesn't follow design system guidelines" or "your dropdown violates design heuristics" Stuff that AI can easily point out and save designers hours of attending unproductive weekly design crits I strongly feel that design teams should start building internal design crit bots and train it on their design guidelines and principles Also make it mandatory for every designer to run their designs first with the internal crit bot before presenting during design crit. This way design crit can be used to jam on new feature ideas to improve the product experience something which only humans can do! 👀 Watch the full interview on Sneak Peek: piped.video/qgvkqXZq618 @hammedk shows how the Jump design team uses @claudeai as a design thought partner to improve @figma designs before design critiques👇

A mistake junior designers make is they delete or overwrite their design iterations in Figma You shouldn't do this because you never know when you might need to use that deleted design iteration or explain to your team why that iteration didn't work. Keep all of your work. @UhrCecilia shared this design tip while giving a sneak peek into the @figma file for @bezi_3d 👇

This is how a designer at Firefox does QA in Figma to make sure engineering gets the design details right Taking a screenshot of the design inconsistency in production and putting it next to the intended design along with notes makes it super easy for engineering to understand the problem 👀 Watch the full interview on Sneak Peek: piped.video/E4idM0hC_AY @topotropic shows how @firefox design team does quality assurance in @figma 👇

This is how a top brand designer uses FigJam for a client project The level of structure and organization in this @figma FigJam board is insane 🤯 But it's needed for a big client project to align stakeholders. @0xCharlota gives a sneak peek into the FigJam board for @WE3co client @EspressoSys 👇

This is how a designer at Slack creates design briefs to inform Product Strategy Every designer should copy this process to align with their cross functional stakeholders Yes it looks like a lot of work but documenting goals, problems, principles before a project starts will save so much headache later down the road especially for designers working on big teams 👀 Watch the full interview on Sneak Peek: piped.video/PFtnNAdJcYc @andrewgosine shows how designers at @SlackHQ create design briefs to influence product strategy 👇

This is how a designer at Figma designed AI features for Figma Slides The amount of design iterations and the attention to details is mind blowing @natashatenggoro shows she designed the AI features for Figma Slides in @figma 👇

This is how a designer at Plaid does visual design explorations in Figma Going broad and exploring different concepts helps a designer grow and not feel limited! @johnbai shows how he does design explorations for @Plaid in @figma 👇

This is how a top designer prototypes LLM typing in Figma The attention to interaction design details for making the AI chat prototype feel real is insane 🤯 @zach__johnston shows he prototyped AI chat feature for @magicaltome in @figma 👇

Doing the annual design pilgrimage! #Config24

This is how the Figma design team designs AI features The attention to design details for making AI accessible is mind blowing 🤯 @natashatenggoro shows she designed the AI features for FigJam in @figma 👇

This is how a top designer designs shadows for light and dark mode in Figma I love how he shows the differences in visual treatment for light and dark mode @zach__johnston shows he designed the shadows for @magicaltome in @figma 👇

This designer learned the hard way that making designs too beginner friendly can alienate professional users So he redesigned the entire app in Figma to make it feel professional 🤯 @lorenbaxter shows how he redesigned @felt in @figma 👇

This design manager vibe coded a Figma plugin with Claude Code in 40 mins to save $2000 per project Every designer should take an inspiration from this and leverage AI to automate boring parts of their design work 👀 Watch the full interview on Sneak Peek: piped.video/a8OiLQ5Oc8I @hammedk shows how the Jump design team uses @claudeai to create custom @figma plugins 👇

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: piped.video/E4idM0hC_AY @topotropic shows how @firefox design team works out of a single @figma file👇

This is how a growth designer improves the onboarding experience for an AI startup in Figma I love how the designer created a detailed user journey to identify pain points @zach__johnston shows how he improved the onboarding funnel for @magicaltome in @figma 👇

This is how a top designer uses dev mode in Figma Steal this pro technique to improve your design to developer handoff process! Why developers love this technique? - All the final design iterations are in one page and marked as 'Ready for Dev' - Developers don't have to hunt down the final version of the design or ping designers asking for it @WeirdoWizard shows how @hygraph uses dev mode in @figma👇

This is how a designer at Uber depreciates a design system component in Figma You should never structurally change a component in the design system and publish the updates immediately as it will break the designer's files Instead you want to gradually depreciate a component: - Hide the component from the library - Give designers an end date for when you will delete the old component from the library Ian Guisard shows how he depreciates a design system component for @Uber in @figma

If you don't design your DESIGN career, somebody else fucking will!

This is how a top designer brainstorms bad ideas during a design sprint in FigJam It's called the Inversion exercise where you purposefully brainstorm bad ideas that won't solve the problem Then you think of the inverse of these bad ideas to arrive at good solutions @andreaacrouch shows she runs the Inversion exercise during design sprints in @figma's FigJam 👇

This is how a top designer uses Figma Slides for designing executive presentations I freaking love how this format grabs the attention of execs immediately because it focuses on what's being shipped Especially having a dedicated section showing the execs current vs new design Embedding video prototypes of the new design improves the storytelling 👀 Watch the full interview on Sneak Peek: piped.video/E4idM0hC_AY @topotropic shows how @firefox design team uses @figma Slides for designing exec presentations 👇

This is how a top designer uses the 'How Might We' framework in FigJam to co create solutions with cross functional stakeholders It's an amazing way to get your stakeholders involved and get alignment 👀 Watch the full interview on Sneak Peek: piped.video/1ExmnuAJDCI @andreaacrouch shows how @LatticeHQ design team uses @figma's FigJam for design sprints👇

This is how a designer at Figma uses gantt chart to get alignment with product managers, engineers I love how the designer puts the project timeline, milestones in the Figma file to share project progress with stakeholders @kly_cl shows how the Figma design team uses gantt chart in @figma

This is how a top designer annotates their Figma file for dev handoff Steal this pro technique to improve your design to dev handoff process! This technique challenges the assumption that designers have to share a fully functional prototype with developers to explain the flow. Developers prefer static screens with clear annotations to understand a flow. Why? It's faster than clicking through a prototype to see the next screen. @ChooiDion gives a sneak peek into the @figma file for @LottieFiles 👇

Do you need a degree to break into the field of design? No, but it helps. Do you need prior experience to break into the field of design? Not really. I hacked into the field of design without a degree/experience. Here's my story 🧵

This UX researcher created a Figma prototype that tells designers which research method to use for testing designs Researchers often complain that designers and product managers don't involve them in the research process But the real issue is speed and time cost! The time it takes to setup a meeting with a researcher, explain the designs that need to be tested etc. Sometimes designers just want to show 1-2 design iterations to the user for quick feedback. You don't need a dedicated user researcher for that!! Which is why I love this process because it empowers designers and frees up researcher's bandwidth to focus on bigger projects. Designers answer a bunch of questions in the Figma prototype and it spits out which methodology to use, examples, resources If every researcher copied this process the friction between research and design would be eliminated! 👀 Watch the full interview on Sneak Peek: piped.video/SDmKeH2YKsM Sofia Pevganen shows how she created @figma prototype to help designers at @deliveryherocom figure out which research methodology to use 👇

Had an impromptu career counselling session with @mds! Takeaways: 1. In your 20/30s you will face existential career crisis 2. You will want to find that just one thing you are meant to do for rest of your life 3. Tell yourself it's ok to do/try multiple things at same time!

Here's how a top designer names their color variables for design systems in Figma This is the ultimate variable naming system you'll ever encounter 🤯 @zach__johnston shows he named the color variables for @magicaltome's design system in @figma 👇

Met @pablostanley IRL! Mission accomplished!!

This is how a Head of Design runs design jam sessions in Figma to improve design output In my entire design career I have only seen a few design leaders comfortable with jumping in the design files to raise the team's craft bar @AdamStorr shows he improves the craft bar at @_hex_tech in @figma 👇

This is how a top researcher uses FigJam for research synthesis The level of organization, categorization is just mind blowing 🤯 Probably the most organized and process driven researcher I have ever met! Sofia Pevganen shows how she uses @figma's FigJam to do research synthesis for @deliveryherocom 👇

This is how a top designer uses Figma to design enterprise software The attention to design details is insane 🤯 This designer made empty states educational by sharing links to the product documentation! This reduces support tickets as technical users prefer to find the information on their own rather than talking to customer support. @WeirdoWizard shows how he designed the empty states in @figma for @hygraph👇

This is how a top researcher tests Figma prototypes with users using Lyssna A common mistake when testing prototypes is asking the user if the product felt easy to use But that adds bias because you're assuming by default that the user found your product intuitive Instead you want to ask the user if accomplish a specific task in the product was easy or difficult Sofia Pevganen shows how she tests @figma prototypes for @deliveryherocom in @WeAreLyssna 👇

This is how a designer at Slack designs project covers in Figma Yes this is super basic but most designers hardly put any effort into it! I have worked on big design teams where it's impossible to find relevant project files. You literally have to message someone to find the files. You better pray that designer is not on leave or hasn't left the company 😅 Every designer should add their project slack channel name (or link to project documentation) in the Figma project cover. Makes it super easy for other designers and cross functional stakeholders to get project context 👀 Watch the full interview on Sneak Peek: piped.video/PFtnNAdJcYc @andrewgosine shows how designers at @SlackHQ design project covers in @figma 👇

This is how the Plaid design team uses ChatGPT to automate the content design process After watching this clip don't jump to the conclusion that ChatGPT is going to eliminate all the content designer roles Instead leveraging AI in this manner helps scale the content design operations I have worked on many large design teams and observed that content designers were always setup to fail There would be 5 content designers supporting 100+ product designers. All the content designers would be at capacity and flooded with so many requests that they couldn't keep up. In the end product designers, PM would lose trust in the content design team and stop involving them in design process altogether! To solve this problem the Plaid design team created a custom ChatGPT bot called "Grambot" and fed it all their content guidelines So now their designers just have to take a screenshot of their @figma designs and feed it to Grambot. Grambot reviews the screenshots and suggests content revisions that align with Plaid content guidelines. The designer then updates the Figma designs with the revised content from Grambot 👀 Watch the full interview on Sneak Peek: piped.video/MvhGXvK71TI Greg Makrigiorgos shows how @Plaid uses @ChatGPTapp to scale their content design operations 👇

Amazing to see how humble the Figma design team is despite shipping a world class product to millions of users When I asked @maxvoltar to walk me through the UI3 project file he gave a disclaimer: "None of the projects I'm going to show you today are 100 percent me. Like it is myself plus this team of insanely talented and driven designers" Wow take a bow! Kudos to @nlevin and other design leaders at @figma for creating a phenomenal design culture

This is how a designer at Uber decides to create a new design system component in Figma I love how the design systems team at Uber asks these two important questions before rushing to create new components: 1. Is this truly a system level component or specific to a particular workstream? 2. Is there a genuine use case for this component in atleast two other products? If the answer is no then the DS team won't create that new component. This kind of rigorous process is why Uber's design system isn't bloated! Ian Guisard shows the process for creating a new design system component for @Uber in @figma 👇

Just had the best dosa of my life in Bangalore! Thanks @paulfinneyx

This is how a top designer creates a responsive grid system for an edtech product in Figma I love seeing how the ads in the product change positions across desktop, tablet and mobile @derlukasg shows he created a responsive grid system for @StudySmarterDE in @figma 👇

This is how a top designer designs a responsive enterprise application in Figma Amazing to see how the Hex design team uses @fullstory to analyze screen resolutions of their users Sara Kim shows she designed @_hex_tech to be responsive in @figma 👇

This is how the Figma design team creates a collaborative culture using concept of "Riffs" During a design critique, other designers will iterate on your work to suggest new ideas Visually suggesting ideas via riffs is more effective than explaining them verbally @kly_cl shows how the Figma design team does riffs in @figma 👇

This is how a top designer runs design sprints in FigJam You don't have to conduct 5 day long design sprints Steal this designer's process and run a 1hr design sprint to get alignment with your stakeholders @andreaacrouch shows she ran a design sprint for @LatticeHQ in @figma's FigJam 👇

This designer created a custom ChatGPT bot to reduce the time for reviewing content in Figma files from 1hr to 30s Perfect example of using AI to automate tasks that every designer hates doing Take a screenshot of your designs in @figma and feed it to a custom ChatGPT bot trained on company's content guidelines Then make the content revisions recommended by ChatGPT in Figma You no longer have to worry about violating company content guidelines or embarrassing typos on a high priority campaign! 👀 Watch the full interview on Sneak Peek: piped.video/MvhGXvK71TI Greg Makrigiorgos shows how @Plaid design team uses @ChatGPTapp to speed up their content review process 👇

Met one of the biggest design Youtubers in India at Figma Config! I had interviewed @saptarshipr in 2021 on my podcast when he was starting his journey as a content creator. This is why I love attending Config every year. You get to meet all your online friends in person!!

This is how a top UX researcher at a big company gets research involved early in the design process Most UX researchers complain that product and design don't involve them early in the process. But the real issue is that PMs and other stakeholders don't know the best way to involve researchers Simple way to solve this problem is to create a research onboarding deck. Doesn't have to be super fancy like the one shown in this clip. But just describe how the UX research team works, how is the team organized and importance of doing research 👀 Watch the full interview: piped.video/SDmKeH2YKsM?si=nhlR… Sofia Pevganen shows how she uses @Google Slides to create a research onboarding deck for stakeholders at @deliveryherocom👇

This is the happiest day of my design career 10,610 designers around the world have joined Sneak Peek to watch top designers walkthrough their @figma files Humbled and honored to be able to give back to the design community 🥹

You made a big mistake if you went back to your hotel after #Config2024 The real alpha is shared not at the conference but after parties. The amount of alpha I got from this rooftop afterparty hosted by @framer is insane 🤯 Sharing some alpha with y'all who couldn't make it: @ridd_design: "Bro, it took me 4 years of grind to get Dive to where it is now! I would wake up everyday at 5:30am to work on it" @imjesseshow: "Yeah I can just do this YouTube thing now to pay my bills. But I have been doing it for 7 years now. You gotta love the game man" @itsdesignertom: "I don't care what anyone says but the best ice cream place in SF is Bi-Rite Creamery"

This is how a designer at Firefox presents Figma files during cross functional reviews I freaking love how this format gives immediate context to stakeholders about the project being presented Especially having a dedicated section showing the comparison of current product screens vs future designs 👀 Watch the full interview on Sneak Peek: piped.video/E4idM0hC_AY @topotropic shows how @firefox design team presents @figma files during cross functional reviews 👇

This is how a designer at Uber creates a design system change log in Figma This is an amazing way to keep track of all the changes to the design system in one place Ian Guisard shows how he created a design system change log for @Uber in @figma 👇

This is how a top designer uses FigJam for sketching ideas during a design sprint Inviting your engineers to sketch out ideas is a great way to build strong cross functional relationships @andreaacrouch shows she sketched ideas with engineers for @LatticeHQ in @figma's FigJam 👇

This is how a top researcher does preference testing for Figma designs using Lyssna Preference testing is really tricky When you show users different design options and ask their preference the answers are often misleading Because It's hard for users to explain what they prefer Instead you want to first observe how a user perform tasks with your designs and then do preference testing at the end as optional Sofia Pevganen shows how she does preference testing for @figma designs at @deliveryherocom in @WeAreLyssna 👇

🎉 After 1 year of working behind the scenes, I am freaking excited to launch the design MBA cohort in partnership with @10kdesigners: 10kdesigners.com/design-mba Read along for behind the scenes scoop 🧵

This is how a top design team uses Linear + Figma to ship product enhancements Designers at Hex use Linear to track design bugs, UI/UX enhancements for shipped features and use their downtime to work on them @benkolde shows how he uses @linear plugin in @figma to ship product enhancements for @_hex_tech 👇

This is how a top design manager uses Claude Code to vibe code Figma plugins and automate boring design work Every designer should copy this AI workflow to speed up their design process exponentially 👀 Watch the full interview on Sneak Peek: piped.video/a8OiLQ5Oc8I @hammedk shows how the Jump design team uses @claudeai Code to create custom @figma plugins 👇

Top researcher shows why first click is more important than heat maps when testing Figma prototypes First click is a very good metric because it reveals the user's first intention when they see your designs Sofia Pevganen shows how she does usability testing for @deliveryherocom in @WeAreLyssna 👇

Flying in from Dallas to Bangalore for the biggest design event! Super pumped for the annual @10kdesigners weekend. See y'all tomorrow!!

"If you are building a startup you definitely want @soleio as an investor. One of the nicest and super helpful guy in the venture community. You should interview him on your podcast." These is what @jsngr told me outside Moscone Center during Figma Config this year. Soleio designed the @Meta Like button. He also invested early in @figma, @framer, @bezi_3d and many others startups. After a warm intro from @julianparc I finally got to interview Soleio. I have uploaded the entire interview here along with the timestamps: (00:00) Interview trailer  (00:50) Who is Soleio Cuervo? (1:23) How does a VC deal with FOMO?  (3:09) VC shares their framework for deciding who to meet  (6:25) How does a VC deal with an overwhelming amount of inbound requests?  (9:15) Importance of being diplomatic when saying 'No'  (10:37) Soleio Cuervo explains how he designed the iconic Facebook like button  (17:08) Investing in Dropbox  (19:23) Structuring your week based on initiatives  (20:19) How Jayneil gatecrashed a VIP event organized by @designerfund in San Francisco  (21:17) How @drewhouston closes candidates at @Dropbox?  (22:19) Why raise your own VC fund compared to joining Benchmark, Sequoia, or Andreessen Horowitz?  (24:57) Investing your money into startups or raise a big VC fund?  (28:46) Meeting 19 year old @zoink and investing pre Series A in Figma  (36:27) Why build relationship with a startup team over rushing to write a check?  (37:38) Seeing the multiplayer demo for the first time from @evanwallace at Figma  (39:26) Investing in Framer's seed round  (41:56) @koenbok and @jornvandijk are two brothers from another mother (43:05) Investing in @diagram seed round (45:49) Soleio gives Jayneil career advice  (50:36) Why is Jayneil so bullish about the research tool @ballpark?