--- title: Figma Dev Mode: What it can and can’t do for a UX designer description: Figma Dev Mode is a tool in Figma that allows for improved collaboration between designers and developers. It provides features such as inspecting design... canonical: https://daily.dev/posts/figma-dev-mode-what-it-can-and-can-t-do-for-a-ux-designer-tjxgy35bh twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Figma Dev Mode: What it can and can’t do for a UX designer | daily.dev og:description: Figma Dev Mode is a tool in Figma that allows for improved collaboration between designers and developers. It provides features such as inspecting design... og:url: https://daily.dev/posts/figma-dev-mode-what-it-can-and-can-t-do-for-a-ux-designer-tjxgy35bh og:image: https://api.daily.dev/og/posts/tjxGY35bh.png og:image:alt: Figma Dev Mode: What it can and can’t do for a UX designer og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Figma Dev Mode: What it can and can’t do for a UX designer **[LogRocket](https://daily.dev/sources/logrocket)** · 10 min read · 9 upvotes · 0 comments ## Summary Figma Dev Mode is a tool in Figma that allows for improved collaboration between designers and developers. It provides features such as inspecting design elements, comparing changes, adding annotations, and exporting CSS code. While it has its benefits, there are limitations to Dev Mode, such as the need to switch between Design Mode and Dev Mode for certain changes and the pricing model of Figma's subscription. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#ux](https://daily.dev/tags/ux), [#vscode](https://daily.dev/tags/vscode), [#design-tools](https://daily.dev/tags/design-tools) [View this post on daily.dev](https://daily.dev/posts/figma-dev-mode-what-it-can-and-can-t-do-for-a-ux-designer-tjxgy35bh) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Figma Dev Mode: What it can and can’t do for a UX designer","url":"https://daily.dev/posts/figma-dev-mode-what-it-can-and-can-t-do-for-a-ux-designer-tjxgy35bh","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/figma-dev-mode-what-it-can-and-can-t-do-for-a-ux-designer-tjxgy35bh"},"datePublished":"2024-03-22T15:59:55.780Z","dateModified":"2024-05-09T09:06:08.895Z","description":"Figma Dev Mode is a tool in Figma that allows for improved collaboration between designers and developers. It provides features such as inspecting design...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/66b29015f4590ec937e506fa135e3186?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/66b29015f4590ec937e506fa135e3186?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"LogRocket","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"LogRocket","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/logrocket","url":"https://daily.dev/sources/logrocket"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/figma-dev-mode-what-it-can-and-can-t-do-for-a-ux-designer-tjxgy35bh","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":9},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ux,vscode,design-tools","timeRequired":"PT10M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"LogRocket","item":"https://daily.dev/sources/logrocket"},{"@type":"ListItem","position":3,"name":"Figma Dev Mode: What it can and can’t do for a UX designer"}]} ```