Making Figma better for developers with Dev Mode
1–10 of 238 posts
Re: Making Figma better for developers with Dev Mode
#2I hate when figma just always gives me CSS for absolute positioning. Is there any way around that?
Re: Making Figma better for developers with Dev Mode
#3Seems interesting, and admittedly I might have missed this, but grabbing icons as individual SVGs is probably what takes me the longest when going from design to code. I have to click on each asset, name it properly, and then export it. Over, and over again. All from different layers, and pages.
If there was some sort of asset export that obeyed some spec on how to size and file name that’d save hours and hours of work.
Outside of that, I’m probably not ever going to use generated code enough for it to be a game changer. Most of the time you’re having to fit some design into an existing design system, and so I don’t really see the use case for code export at scale.
Re: Making Figma better for developers with Dev Mode
#4I hate when figma just always gives me CSS for absolute positioning. Is there any way around that?
Supposedly the codegen is more useful now, erring on the side of using flex
Re: Making Figma better for developers with Dev Mode
#52023: available for all user
2024: separate license for Dev Mode
I guess Figma trying to get more paying customers
Edit: feel a bit Adobe vibe
Re: Making Figma better for developers with Dev Mode
#6Seems interesting, and admittedly I might have missed this, but grabbing icons as individual SVGs is probably what takes me the longest when going from design to code. I have to click on each asset, name it properly, and then export it. Over, and over again. All from different layers, and pages. If there was some sort of asset export that obeyed some spec on how to size and file name that’d save hours and hours of wo…
[dead]
Re: Making Figma better for developers with Dev Mode
#7Seems interesting, and admittedly I might have missed this, but grabbing icons as individual SVGs is probably what takes me the longest when going from design to code. I have to click on each asset, name it properly, and then export it. Over, and over again. All from different layers, and pages. If there was some sort of asset export that obeyed some spec on how to size and file name that’d save hours and hours of wo…
There is 100% that. Any frame can have an 'export' set on it, where you specificy the format (svg, png ..), suffix, pixel density etc. The name will be set by the name of the frame, and '/' creates nested folders. Then on any page can go file->export to export all assets at once.
But if you're using some icon library that a designer has imported into figma like remix-icon, just import from the library directly in code. Importing and rexporting the svg would likely change it slightly.
Re: Making Figma better for developers with Dev Mode
#82023: available for all user 2024: separate license for Dev Mode I guess Figma trying to get more paying customers Edit: feel a bit Adobe vibe
It's free for all paid plans even after 2023. The only pricing change is that you can add "developer" role users who have access only to dev mode for a cheaper price than an editor.
Re: Making Figma better for developers with Dev Mode
#9Super excited for the vscode plug-in with code autocomplete coming from the deisgn file I’ve opened up!
Re: Making Figma better for developers with Dev Mode
#102023: available for all user 2024: separate license for Dev Mode I guess Figma trying to get more paying customers Edit: feel a bit Adobe vibe
It's free for all paid plans even after 2023. The only pricing change is that you can add "developer" role users who have access only to dev mode for a cheaper price than an editor.
...which actually feels "not" very Adobe like :)