--- title: Most Designers Can't Light/Dark Mode - Can you? | daily.dev description: A walkthrough of converting a dark mode UI design to light mode in Figma without AI assistance. The process covers starting with large background gradients,... canonical: https://daily.dev/posts/most-designers-can-t-light-dark-mode---can-you--88lka4uz2 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Most Designers Can't Light/Dark Mode - Can you? | daily.dev og:description: A walkthrough of converting a dark mode UI design to light mode in Figma without AI assistance. The process covers starting with large background gradients,... og:url: https://daily.dev/posts/most-designers-can-t-light-dark-mode---can-you--88lka4uz2 og:image: https://api.daily.dev/og/posts/88lkA4uZ2.png og:image:alt: Most Designers Can't Light/Dark Mode - Can you? 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. # Most Designers Can't Light/Dark Mode - Can you? **[DesignCourse](https://daily.dev/sources/designcourse)** · 6 min read · 0 upvotes · 0 comments ## Summary A walkthrough of converting a dark mode UI design to light mode in Figma without AI assistance. The process covers starting with large background gradients, using selection colors to invert light elements, adjusting strokes, shadows, and typography contrast. Emphasizes the importance of manual design skills even in an AI-assisted workflow, and concludes with a challenge to apply the technique to a provided design as part of a 30-day UI design series. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [How do you implement accessible linear design across light and dark modes?](https://daily.dev/posts/how-do-you-implement-accessible-linear-design-across-light-and-dark-modes--4sx5hc3cu) · LogRocket · 1 upvotes · 0 comments - [I Thought Dark Mode Was Just a Toggle. It Turned Into a Full-System Refactor](https://daily.dev/posts/i-thought-dark-mode-was-just-a-toggle-it-turned-into-a-full-system-refactor-1beoqfpxg) · Code Like A Girl · 127 upvotes · 9 comments - [Dark Mode Isn’t a Feature. It’s an Excuse to Skip Contrast Testing](https://daily.dev/posts/dark-mode-isn-t-a-feature-it-s-an-excuse-to-skip-contrast-testing-wx6b6vr7j) · Medium · 1 upvotes · 0 comments --- Tags: [#ui-design](https://daily.dev/tags/ui-design), [#figma](https://daily.dev/tags/figma) [View this post on daily.dev](https://daily.dev/posts/most-designers-can-t-light-dark-mode---can-you--88lka4uz2) ```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":"Most Designers Can't Light/Dark Mode - Can you?","url":"https://daily.dev/posts/most-designers-can-t-light-dark-mode---can-you--88lka4uz2","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/most-designers-can-t-light-dark-mode---can-you--88lka4uz2"},"datePublished":"2026-03-12T14:11:53.710Z","dateModified":"2026-03-12T14:12:11.332Z","description":"A walkthrough of converting a dark mode UI design to light mode in Figma without AI assistance. The process covers starting with large background gradients,...","image":"https://i.ytimg.com/vi/Y8g3YtZckco/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/Y8g3YtZckco/sddefault.jpg","isAccessibleForFree":true,"articleSection":"DesignCourse","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":"DesignCourse","logo":"https://media.daily.dev/image/upload/s--8ZO7J1dU--/f_auto/v1718347844/logos/designcourse","url":"https://daily.dev/sources/designcourse"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/most-designers-can-t-light-dark-mode---can-you--88lka4uz2","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"ui-design,figma","timeRequired":"PT6M","video":{"@type":"VideoObject","name":"Most Designers Can't Light/Dark Mode - Can you?","description":"A walkthrough of converting a dark mode UI design to light mode in Figma without AI assistance. The process covers starting with large background gradients,...","thumbnailUrl":"https://i.ytimg.com/vi/Y8g3YtZckco/sddefault.jpg","uploadDate":"2026-03-12T14:11:53.710Z","duration":"PT6M","url":"https://api.daily.dev/r/88lkA4uZ2","embedUrl":"https://www.youtube.com/embed/Y8g3YtZckco"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"DesignCourse","item":"https://daily.dev/sources/designcourse"},{"@type":"ListItem","position":3,"name":"Most Designers Can't Light/Dark Mode - Can you?"}]} ```