Figma Dev Mode 🤯

Рет қаралды 40,107

Күн бұрын

In this KZfaq 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...

Пікірлер: 50

@evansymonds3122 4 ай бұрын

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 3 ай бұрын

Agree. very expensive.

@marcusdelictus 2 ай бұрын

lol its 12 a amonth?

@suhma 2 ай бұрын

@@marcusdelictus now times that to the amount of engineers who need it...

@huntSouthTX 24 күн бұрын

$300 a seat for dev mode. It's pretty pricey!

@jswanson859 4 ай бұрын

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.

@ilvamikite2937 3 ай бұрын

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

@user-cu4wb9dm4p 3 ай бұрын

🤣

@marcusdelictus 2 ай бұрын

its 12 a moth dont complain

@ilvamikite2937 2 ай бұрын

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

@russella90 15 күн бұрын

@@marcusdelictus gurl that is not what a dev mode seat costs at the business and enterprise levels.

@misternegative2759 10 күн бұрын

i got for free

@rafaelrabl 4 ай бұрын

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 4 ай бұрын

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

@markp7389 4 ай бұрын

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 4 ай бұрын

@@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 3 ай бұрын

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

@piper3821 4 ай бұрын

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

@statikverse 4 ай бұрын

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

@sumithb8630 4 ай бұрын

Same here😢

@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 Ай бұрын

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

@nourborchani6463 8 күн бұрын

Great Video ! But how to get the variables ( colors, spacing etc ) ?

@dripcaraybbx 4 ай бұрын

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

@LuminousInk2012 4 ай бұрын

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

@asadaslam2717 3 ай бұрын

thank you jesse ♥♥♥♥

@SzabatDesign 4 ай бұрын

Chapeau bas 🎩🙌

@manishabairwa9340 4 ай бұрын

Thankyou for this video Jesse♥

@noobicorn_gamer 3 ай бұрын

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.

@vadim_sharapov 3 ай бұрын

Great point!

@JesseShowalter 2 ай бұрын

Yup

@jakonaza 3 ай бұрын

YESSSSSS!!!!

@cadencuenza 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 2 ай бұрын

It just means your work needs to be worth more

@cadencuenza 2 ай бұрын

@@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.

@cerebralvision 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 3 ай бұрын

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 2 ай бұрын

Not dark

@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 3 ай бұрын

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 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.

@christianhoper9378 2 ай бұрын

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 2 ай бұрын

Stay tuned for a video next week on this topic