--- title: UI Design with ChatGPT 4o | daily.dev description: ChatGPT 4o can now generate sophisticated UI designs with real text by using detailed prompts. Although it may not produce an exact pixel-perfect design, it is... canonical: https://daily.dev/posts/ui-design-with-chatgpt-4o-yanwf7twn twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: UI Design with ChatGPT 4o | daily.dev og:description: ChatGPT 4o can now generate sophisticated UI designs with real text by using detailed prompts. Although it may not produce an exact pixel-perfect design, it is... og:url: https://daily.dev/posts/ui-design-with-chatgpt-4o-yanwf7twn og:image: https://api.daily.dev/og/posts/yaNWf7twn.png og:image:alt: UI Design with ChatGPT 4o 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. # UI Design with ChatGPT 4o **[UX Planet](https://daily.dev/sources/uxplanet)** · 7 min read · 495 upvotes · 9 comments ## Summary ChatGPT 4o can now generate sophisticated UI designs with real text by using detailed prompts. Although it may not produce an exact pixel-perfect design, it is useful for quickly experimenting with different ideas. The post provides a step-by-step guide on how to use ChatGPT for UI design, the importance of detailed prompts, and recommendations for refining designs using tools like Figma. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@johndiddles** · 12 upvotes > As a software engineer, I've got project ideas but always find it hard to come up with designs. This possibility will make bringing some of those ideas to life a lot easier and help the engineer to focus on the things that matter the most to the engineer. **@petecapecod** · 4 upvotes > Great article, a lot of people have posted slop about AI and design, but this is legit 💯 > > Great tips, I'll definitely be using them in the future for UI design mockups ✨ > > I've found that using markdown works ***really well*** with LLMs. Both for code or instructions. **@kaustubh20** · 1 upvotes > For myself, I find **Claude** does better job! 😶 **@nelcapetown** · 1 upvotes > Excellent article. I used ChatGPT before to help with design for a Blazor web app, but it generated the Blazor directly and I made fine tunings by modifying the code and then having a further discussion with it about making the design fully responsive. I'm sure it saved me some time and it feels good to have an intelligent coding buddy - regardless of which step in the development process flow you're busy with. **@kyratzakos** · 0 upvotes > ChatGPT 4o: our new digital architect and resident nerdy sidekick. May its generated real text lorem ipsum live long and prosper. Just don’t expect it to replace your pixel-perfect OCD anytime soon. ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#ai](https://daily.dev/tags/ai), [#ux](https://daily.dev/tags/ux), [#chatgpt](https://daily.dev/tags/chatgpt), [#ui-design](https://daily.dev/tags/ui-design), [#figma](https://daily.dev/tags/figma) [View this post on daily.dev](https://daily.dev/posts/ui-design-with-chatgpt-4o-yanwf7twn) ```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":"UI Design with ChatGPT 4o","url":"https://daily.dev/posts/ui-design-with-chatgpt-4o-yanwf7twn","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/ui-design-with-chatgpt-4o-yanwf7twn"},"datePublished":"2025-04-14T14:47:46.804Z","dateModified":"2025-04-14T14:48:04.257Z","description":"ChatGPT 4o can now generate sophisticated UI designs with real text by using detailed prompts. Although it may not produce an exact pixel-perfect design, it is...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2d4067c83109acfce348bbbf360bba21?_a=AQAEuj9","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/2d4067c83109acfce348bbbf360bba21?_a=AQAEuj9","isAccessibleForFree":true,"articleSection":"UX Planet","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":"UX Planet","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/45df2b4bdc604c15aa75bc4e9c5f493c","url":"https://daily.dev/sources/uxplanet"},"commentCount":9,"discussionUrl":"https://daily.dev/posts/ui-design-with-chatgpt-4o-yanwf7twn","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":495},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":9}],"keywords":"ai,ux,chatgpt,ui-design,figma","timeRequired":"PT7M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"UX Planet","item":"https://daily.dev/sources/uxplanet"},{"@type":"ListItem","position":3,"name":"UI Design with ChatGPT 4o"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/ui-design-with-chatgpt-4o-yanwf7twn","comment":[{"@type":"Comment","text":"As a software engineer, I’ve got project ideas but always find it hard to come up with designs. This possibility will make bringing some of those ideas to life a lot easier and help the engineer to focus on the things that matter the most to the engineer.","datePublished":"2025-04-17T08:01:00.960Z","url":"https://daily.dev/posts/yaNWf7twn#c-I7egzfTlc","author":{"@type":"Person","name":"Adepelumi John","url":"https://daily.dev/johndiddles","image":"https://lh3.googleusercontent.com/a/ACg8ocIAHXEXqjxtmrl__59VvFeZQxU8Wpw9ppnXvugAFjrGiUU_bA=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":12}},{"@type":"Comment","text":"Great article, a lot of people have posted slop about AI and design, but this is legit 💯\nGreat tips, I’ll definitely be using them in the future for UI design mockups ✨\nI’ve found that using markdown works really well with LLMs. Both for code or instructions.","datePublished":"2025-04-20T13:51:29.010Z","url":"https://daily.dev/posts/yaNWf7twn#c-POgpY76UN","author":{"@type":"Person","name":"Peter Cruckshank","url":"https://daily.dev/petecapecod","image":"https://media.daily.dev/image/upload/s--ZJhQyKws--/f_auto/v1721235024/avatars/avatar_A9xh33q0QoxtkGoJRCosp"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}},{"@type":"Comment","text":"For myself, I find Claude does better job! 😶","datePublished":"2025-04-25T12:16:54.434Z","url":"https://daily.dev/posts/yaNWf7twn#c-yocMN0mgG","author":{"@type":"Person","name":"Kaustubh Jaiswal","url":"https://daily.dev/kaustubh20","image":"https://lh3.googleusercontent.com/a/ACg8ocJil8fj4cr9mJGMFdJ-mRv5ZIvU8tzsCIiR4HoIEAKWt54=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Excellent article. I used ChatGPT before to help with design for a Blazor web app, but it generated the Blazor directly and I made fine tunings by modifying the code and then having a further discussion with it about making the design fully responsive. I’m sure it saved me some time and it feels good to have an intelligent coding buddy - regardless of which step in the development process flow you’re busy with.","datePublished":"2025-04-20T15:54:55.254Z","url":"https://daily.dev/posts/yaNWf7twn#c-VBxrMyvSD","author":{"@type":"Person","name":"Nel Prinsloo","url":"https://daily.dev/nelcapetown","image":"https://media.daily.dev/image/upload/s--fT55qQ5w--/f_auto/v1744851849/avatars/avatar_2cf5fbd0d06c480eabe46f6c2e7dc7aa"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"ChatGPT 4o: our new digital architect and resident nerdy sidekick. May its generated real text lorem ipsum live long and prosper. Just don’t expect it to replace your pixel-perfect OCD anytime soon.","datePublished":"2025-04-24T13:56:34.923Z","dateModified":"2025-04-24T13:56:51.569Z","url":"https://daily.dev/posts/yaNWf7twn#c-DRqGqsDA0","author":{"@type":"Person","name":"Apostolos Kyratzakos","url":"https://daily.dev/kyratzakos","image":"https://lh3.googleusercontent.com/a/ACg8ocKcspxQ-mOrgRE1evG_t_X8WvRBfMRtRYeW3RCXoxfINA=s96-c"}}]} ```