Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Making Figma better for developers with Dev Mode

figma.com

Post reply on HN
Print view View original

21–30 of 238 posts

Re: Making Figma better for developers with Dev Mode

#21

Post by uxamanda »

ryanSrich wrote: post #3

Seems 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…

Right Click the icon > Copy/Paste as > Copy as SVG

We use that and just paste it into the codebase.

I've also used a bulk export plugin that autonames things. Would have to lookup the plugin name if you're interested.

Re: Making Figma better for developers with Dev Mode

#22

Post by kijin »

ryanSrich wrote: post #3

Seems 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…

I would also love to be able to select an arbitrary set of components and export them as a single SVG.

Often, the way the designer has grouped them together is not ideal for code, but I don't want to ungroup and group them all over again just so I can grab an SVG.

Re: Making Figma better for developers with Dev Mode

#25

Post by obeid »

roflyear wrote: post #19

Has anyone else worked with teams where their entire idea of "product" was to create 100s of designs in Figma, and then just hand them to developers? What started this mentality?

Unimaginative leadership that didn't trust their teams. Prototyping the 'experience' (mostly happy path) in a design tool, gave them 'visibility' into what the product could become.

Re: Making Figma better for developers with Dev Mode

#26

Post by yewenjie »

emilsjolander wrote: post #13

Hey all! Emil here from the Figma team that brought you Dev Mode and Figma for VS Code today! Really interested to hear what you think and also here to answer your questions. We are super excited to invest more into developers in the future, today is just the start of that!

How has the release of giant LLMs and other LLM-powered design apps influenced your product roadmap in the last couple of months?

Re: Making Figma better for developers with Dev Mode

#27

Post by trafnar »

yewenjie wrote: post #26
emilsjolander wrote: post #13

Hey all! Emil here from the Figma team that brought you Dev Mode and Figma for VS Code today! Really interested to hear what you think and also here to answer your questions. We are super excited to invest more into developers in the future, today is just the start of that!

How has the release of giant LLMs and other LLM-powered design apps influenced your product roadmap in the last couple of months?

They bought an AI design tool company today https://twitter.com/jsngr/status/1671561341893742592

Re: Making Figma better for developers with Dev Mode

#29

Post by robertoandred »

I just want to be able to download the original, full quality, uncropped version of an image. And to have built-in options for compressing images.

Also I hope dev mode prevents designers from locking/hiding elements and layers, which makes it very difficult to export the elements you actually need.

Re: Making Figma better for developers with Dev Mode

#30

Post by emilsjolander »

pininja wrote: post #14
ryanSrich wrote: post #3

Seems 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…

Maybe the vscode plug-in can autocomplete an SVG? That’d be helpful.. setting up every export takes a lot of time.

Kinda! It will auto-detect icons in a design, highlight them at the top level, and allow you to import it into your VS Code workspace :)
Post reply on HN