Figma Dev Mode 🤯

Поделиться
HTML-код
  • Опубликовано: 20 май 2024
  • In this RUclips video, we explore Figma's Dev Mode and how it can enhance design-to-development workflows. We cover the basics of inspecting designs, marking them ready for development, and viewing padding, margin, and other properties. We also dive into more advanced features like adding dev resources, working with variables for colors and sizing, and utilizing measurements. Additionally, we showcase the coolest features, including annotations, comparing changes, the component playground, plugins, and VS code integration.... Remember to Subscribe goo.gl/6vCw64
    Try for FREE: www.figma.com/dev-mode/
    Learn more: www.figma.com/blog/everything...
    ------------------------------------------------------------------------------------
    🤝 //////////// Become a UI Designer in 30 Days:
    30dayui.com
    🏆 //////////// Join my free member's community to get access to perks:
    designchamps.io/
    ------------------------------------------------------------------------------------
    🎨 ////////// I Design in Figma
    psxid.figma.com/ixbomhqzoiy0
    🖥️ ////////// I Prototype Magic in ProtoPie
    www.protopie.io/plans?ref=jesse
    🖥️ ////////// I Build websites in Framer
    framer.link/jesse
    📅 ////////// I run my life with Notion
    affiliate.notion.so/tokendsfahjf
    🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...

Комментарии • 47

  • @evansymonds3122
    @evansymonds3122 3 месяца назад +41

    I work in a company where I am a single designer within an agile team full of engineers, dev mode is super useful but even within a large company we cannot justify the cost of this. The pricing model is ridiculous.

    • @abrahamdixon
      @abrahamdixon 2 месяца назад

      Agree. very expensive.

    • @Marc-hn4eg
      @Marc-hn4eg 2 месяца назад

      lol its 12 a amonth?

    • @suhma
      @suhma Месяц назад

      @@Marc-hn4eg now times that to the amount of engineers who need it...

    • @nemtom20
      @nemtom20 Месяц назад

      @@suhma Every engineer using that earns more / HOUR. so if it speeds up development 1 hour every month then it's already worth it lol.

  • @piper3821
    @piper3821 3 месяца назад +15

    Figma is destroying themselves with these pricing plans for devmode. Looking for alternatives.

  • @rafaelrabl
    @rafaelrabl 3 месяца назад +14

    Great overview of Dev Mode, thank you Jesse!
    It's a powerful addition to Figma but quite high price (like 300$ per year for a dev seat).
    Not an issue for large companies but small businesses/studios will struggle.

    • @nilpo
      @nilpo 3 месяца назад +1

      Not at all. Even one paying gig pays for itself in time savings.

    • @markp7389
      @markp7389 3 месяца назад +5

      I work for a large corporation and, trust me, it’s an issue for us as well. When you have a design team of 5+ and dev teams of well over 20, those prices become big issues when it comes to budgeting. But there’s creative ways around things.

    • @nilpo
      @nilpo 3 месяца назад

      @@markp7389 The savings in time pays for itself. Across a larger dev team, the savings is multiplied.
      Obviously this will vary some with each group's workflow, but it should have a pretty dramatic impact on most people's productivity.

    • @thoseyouseknows8501
      @thoseyouseknows8501 2 месяца назад +2

      I work for a big company and we haaaaaaate it. Nobody thought we should have to budget for this mess.

  • @ilvamikite2937
    @ilvamikite2937 3 месяца назад +22

    So.. how much Figma paid you to say that dev mode pricing is fair? :D

    • @user-cu4wb9dm4p
      @user-cu4wb9dm4p 2 месяца назад +1

      🤣

    • @Marc-hn4eg
      @Marc-hn4eg 2 месяца назад +1

      its 12 a moth dont complain

    • @ilvamikite2937
      @ilvamikite2937 Месяц назад

      yes, but it's 25 dollars dor developers in organisation plan just to view design.. :OOOOOOO @@Marc-hn4eg

  • @jswanson859
    @jswanson859 3 месяца назад

    Thank you for creating this great overview, so helpful. I'll be sharing this with my team so all know all the cool features available now.

  • @johnnyllooddte3415
    @johnnyllooddte3415 3 месяца назад

    i need to make a continuous pattern of a variety small crosses with a jewelry circle top,, to be cut out on a laser cutter..to minimize the cutting..
    i also need to do the same thing for charms for charm bracelets..any suggestions.. im happy to pay someone

  • @braideshekinah1826
    @braideshekinah1826 19 дней назад

    I want to do my own tutorials...please which screen recorder tool did you use?
    Thanks

  • @statikverse
    @statikverse 3 месяца назад +1

    My algorithm shows me this after learning about Remotion using React to create and render videos.
    What a day, what a day.

  • @LuminousInk2012
    @LuminousInk2012 3 месяца назад +4

    please speak IN to the microphone consistently your volume is all over the place

  • @dripcaraybbx
    @dripcaraybbx 3 месяца назад +2

    I wish design tools would accommodate em/rem if we care about accessibility
    EDIT: Whoops, spoke too soon!

  • @asadaslam2717
    @asadaslam2717 2 месяца назад

    thank you jesse ♥♥♥♥

  • @manishabairwa9340
    @manishabairwa9340 3 месяца назад +3

    Thankyou for this video Jesse♥

  • @SzabatDesign
    @SzabatDesign 3 месяца назад

    Chapeau bas 🎩🙌

  • @noobicorn_gamer
    @noobicorn_gamer 2 месяца назад +4

    For people who says they hate the pricing: please build something for us that’s dirt cheap or even for !free! that the whole world can use regardless of how much time and effort you put into making it. You’re those saints that wishes for nothing in return and we need more people like you.

  • @jakonaza
    @jakonaza 2 месяца назад

    YESSSSSS!!!!

  • @atomicrus
    @atomicrus 3 месяца назад +5

    Dev mode and all new features on subscription plans are sh#t. Figma becomes Adobe not even been bought by Adobe. FY Figma, migrated to Pixso

  • @cerebralvision
    @cerebralvision 2 месяца назад +3

    Figmas dev mode is utilizing dark patterns to capitalize on corporate greed when they know they don't really have that much competition. Invision is dead, XD is in limbo, Sketch shot themselves in the foot by being mac only. So Figma thinks it's completely ok double dipping on pricing. It doesn't matter if both ends users already have a paid account. No, figma wants you to pay for an extra fee for two people who are not in the same account to talk to each other.

    • @vadim_sharapov
      @vadim_sharapov 2 месяца назад

      Great point! I do agree that something interesting will likely occur once the monopoly commission wakes up, only to realize a few years later that the market is dominated by one enormous company with comprehensive design capabilities, bolstered by recent acquisitions and some sort of design-to-code tool. However, I disagree with the notion that dev mode is expensive; I believe it's priced fairly. But, we'll see what happens in a few years. Nothing is actually stopping them from increasing the price...

    • @JesseShowalter
      @JesseShowalter  Месяц назад

      Not dark

  • @christianhoper9378
    @christianhoper9378 Месяц назад +1

    We are in the unfortunate position of needing to migrate from XD.. Figma seems good.. but dev mode pricing is a joke... and Pixso seems like a bit of a rough alternative.. but an option.. just that they don't support adobe fonts like Figma does so that's a big issue. They only support fonts that are downloaded to your machine.. not adobe CC fonts.. I have reached out to support and they have been useless.. doesn't bode well!

    • @JesseShowalter
      @JesseShowalter  Месяц назад +1

      Stay tuned for a video next week on this topic

  • @missmuffinification
    @missmuffinification 3 месяца назад

    Has anyone used dev mode to replace the spec documentation process? That seems to be the only way to justify the price

    • @vadim_sharapov
      @vadim_sharapov 2 месяца назад

      That is actually a very interesting question. On one hand, in my opinion, replacing specs with dev mode requires designers to either understand frontend development or have access to a sufficient existing design system that can be linked. On the other hand, most designers may not possess enough knowledge to fully utilize dev mode beyond appreciating visually appealing aspects like padding, which leads them to still rely on specs. Based on my experience, investing in dev mode for developers might be more beneficial than assigning the task to a designer. At the end of the day, designers will prepare the specifications, and developers will refer to Figma, often ending up consulting the designer directly or through platforms like Slack. :) So, for now, dev mode is something nice to have.

    • @missmuffinification
      @missmuffinification 2 месяца назад

      @@vadim_sharapov Can you share what understanding designers would need to have of frontend dev to make dev mode work? You make it sound like they should have some understanding that's different/more than what they already need to complete spec documentation.

  • @cadencuenza
    @cadencuenza 2 месяца назад +3

    what a rip off! they made us design entire app for 6months just to not gonna be able to access this anymore, this is a fucking trap.

    • @JesseShowalter
      @JesseShowalter  Месяц назад

      It just means your work needs to be worth more

    • @cadencuenza
      @cadencuenza Месяц назад +1

      @@JesseShowalter of course we are paying for it now, you don’t understand, not even co-pilot, chatgpt, jira, linear, clickup etc. has this ridiculous pricing.

  • @kennkai
    @kennkai 3 месяца назад +1

    well, Figma just killed Zeplin 😕

    • @ViruX93
      @ViruX93 2 месяца назад

      Was just a matter of time. See: Avocode, invision, ...

    • @vadim_sharapov
      @vadim_sharapov 2 месяца назад

      Not exactly, in my opinion, merging and brancing is crazy expensive in Figma. I use Zeplin from time to time and have dev mode as well :)

  • @deanewollen752
    @deanewollen752 2 месяца назад +1

    "Promosm"

    • @JesseShowalter
      @JesseShowalter  2 месяца назад

      Not sure what that means, this isn’t a sponsored video. Just helping people use tools