These are awesome, as you can literally copy/paste real code directly from Figma into your codebase, without having to translate all the random properties into their respective styles (depending on your codebase).
In Figma, you'll be able to invite developers directly into the Figma file, so they can view it in real-time and jump straight into the "code" panel, where they can view any element's properties broken down into "CSS", "iOS" and "Android" options. In this scenario, I think Figma is still ahead. This URL essentially loads up the designs in a web browser, and shows you a summary of all the colours and fonts used in the design, as well as letting you click on individual elements and seeing some of the sizing values associated with them. How designers work with developers in Figma vs Adobe XDĪdobe XD has a feature that lets you "publish design specs" and share a link that you can give to developers. As we'll see later in the article, there are places where XD has an advantage over Sketch or Figma. However, since then, XD has shipped a bunch of new features that have helped bring it into the "top 3" UI design apps, alongside Figma and Sketch to be a real competitor.Īt this stage, I think the gap has narrowed, and might still make sense if you're trapped in the Adobe Creative Cloud. I've kept an eye on Adobe XD since it was released in its earlier stages, I felt like it really couldn't compete with Sketch, and felt it was kind of "too little, too late" from Adobe. After a few years under development (as a response to Sketch quickly leaving Photoshop in the dust as the UI design tool of choice in the early 2010s'), Adobe XD was first released (out of BETA) in October 2017.