pix2code: Generating Code from a Graphical User Interface Screenshot
Not on the map. Why?
Cited by 25 in Multimodal LLMs / vision-language models, but placed by its own abstract, which didn’t fit.
Abstract (arXiv)
Transforming a graphical user interface screenshot created by a designer into computer code is a typical task conducted by a developer in order to build customized software, websites, and mobile applications. In this paper, we show that deep learning methods can be leveraged to train a model end-to-end to automatically generate code from a single input image with over 77% of accuracy for three different platforms (i.e. iOS, Android and web-based technologies).
Key facts. Cited by 113 papers in the map (data through 7 Oct 2026). First posted on arXiv 22 May 2017.
Builds on
No reference list yet.
Built on by
Citing papers per year: 2021: 8; 2022: 9; 2023: 6; 2024: 14; 2025: 29; 2026: 47.
113 papers.
Sort:
By area:
- 2024SWE-bench Multimodal: Do AI Systems Generalize to Visual Software Domains?cited by 196
- 2024InternLM-XComposer-2.5: A Versatile Large Vision Language Model Supporting Long-Contextual Input and Outputcited by 195
- 2024Design2Code: Benchmarking Multimodal Code Generation for Automated Front-End Engineeringcited by 146
- 2024Unlocking the conversion of Web Screenshots into HTML Code with the WebSight Datasetcited by 126
- 2023StarVector: Generating Scalable Vector Graphics Code from Images and Textcited by 96
- 2024If LLM Is the Wizard, Then Code Is the Wand: A Survey on How Code Empowers Large Language Models to Serve as Intelligent Agentscited by 77
- 2024Web2Code: A Large-scale Webpage-to-Code Dataset and Evaluation Framework for Multimodal LLMscited by 73
- 2024Interaction2Code: Benchmarking MLLM-based Interactive Webpage Code Generation from Interactive Prototypingcited by 50
- 2024WebCode2M: A Real-World Dataset for Code Generation from Webpage Designscited by 43
- 2025DesignBench: A Comprehensive Benchmark for MLLM-based Front-end Code Generationcited by 41
- 2024Graphic Design with Large Multimodal Modelcited by 38
- 2021VINS: Visual Search for Mobile User Interface Designcited by 37
38 more
- 2024Sketch2Code: Evaluating Vision-Language Models for Interactive Web Design Prototypingcited by 29
- 2025FullFront: Benchmarking MLLMs Across the Full Front-End Engineering Workflowcited by 25
- 2024Automatically Generating UI Code from Screenshot: A Divide-and-Conquer-Based Approachcited by 24
- 2025ScreenCoder: Advancing Visual-to-Code Generation for Front-End Automation via Modular Multimodal Agentscited by 23
- 2021GUIGAN: Learning to Generate GUI Designs Using Generative Adversarial Networkscited by 17
- 2023ILuvUI: Instruction-tuned LangUage-Vision modeling of UIs from Machine Conversationscited by 17
- 2024IW-Bench: Evaluating Large Multimodal Models for Converting Image-to-Webcited by 16
- 2025WebMMU: A Benchmark for Multimodal Multilingual Website Understanding and Code Generationcited by 16
- 2025VCode: a Multimodal Coding Benchmark with SVG as Symbolic Visual Representationcited by 15
- 2026WebCoderBench: Benchmarking Web Application Generation with Comprehensive and Interpretable Evaluation Metricscited by 15
- 2025WebUIBench: A Comprehensive Benchmark for Evaluating Multimodal Large Language Models in WebUI-to-Codecited by 14
- 2021Understanding Mobile GUI: from Pixel-Words to Screen-Sentencescited by 13
- 2025VisCodex: Unified Multimodal Code Generation via Merging Vision and Coding Modelscited by 13
- 2025From Code Foundation Models to Agents and Applications: A Comprehensive Survey and Practical Guide to Code Intelligencecited by 13
- 2025UI2Code^N: UI-to-Code Generation as Interactive Visual Optimizationcited by 12
- 2026Multimodal OCR: Parse Anything from Documentscited by 12
- 2025WebGen-Agent: Enhancing Interactive Website Generation with Multi-Level Feedback and Step-Level Reinforcement Learningcited by 11
- 2025IWR-Bench: Can LVLMs reconstruct interactive webpage from a user interaction video?cited by 10
- 2022Generative Colorization of Structured Mobile Web Pagescited by 8
- 2025WebVIA: A Web-based Vision-Language Agentic Framework for Interactive and Verifiable UI-to-Code Generationcited by 8
- 2025Computer-Use Agents as Judges for Generative User Interfacecited by 8
- 2025Widget2Code: From Visual Widgets to UI Code via Multimodal LLMscited by 8
- 2021Variable Name Recovery in Decompiled Binary Code using Constrained Masked Language Modelingcited by 7
- 2025Unified Modeling Language Code Generation from Diagram Images Using Multimodal Large Language Modelscited by 7
- 2026VisRefiner: Learning from Visual Differences for Screenshot-to-Code Generationcited by 7
- 2026MiniAppBench: Evaluating the Shift from Text to Interactive HTML Responses in LLM-Powered Assistantscited by 7
- 2026Generative UI: LLMs are Effective UI Generatorscited by 7
- 2026WebCompass: Towards Multimodal Web Coding Evaluation for Code Language Modelscited by 6
- 2026VCG-Bench: Towards A Unified Visual-Centric Benchmark for Structured Generation and Editingcited by 6
- 2026WorldCoder-Bench: Benchmarking Physically Grounded 3D World Synthesiscited by 6
- 2021Magic Layouts: Structural Prior for Component Detection in User Interface Designscited by 5
- 2022Psychologically-Inspired, Unsupervised Inference of Perceptual Groups of GUI Widgets from GUI Imagescited by 5
- 2025Generative Interfaces for Language Modelscited by 5
- 2025UISim: An Interactive Image-Based UI Simulator for Dynamic Mobile Environmentscited by 5
- 2025Automatically Generating Web Applications from Requirements Via Multi-Agent Test-Driven Developmentcited by 5
- 2023An Empirical Investigation into the Use of Image Captioning for Automated Software Documentationcited by 4
- 2025EfficientUICoder: A Bidirectional Token Compression Framework for Efficient MLLM-Based UI Code Generationcited by 4
- 2025UI-UG: A Unified MLLM for UI Understanding and Generationcited by 4
50 most cited of 113 All 113 (JSON)
- 2026Back2Struct: Making Structured Images Editable Again29 Sep 2026
- 2026AUV-Bench: Aesthetic Understanding and Generation Evaluation for User Interfaces28 Sep 2026
- 2026WebCraftBench: Evaluating Web Application Generation from a Software Testing Perspective14 Sep 2026
- 2026Enabling Creative Exploration for Vibe Design Agents14 Sep 2026
- 2026MM-SVGEdit: A Multimodal-Driven SVG Editing for UI Design5 Sep 2026
- 2026Rendering-in-the-Loop: An Execution-Driven Agent for Interactive Web Development2 Sep 2026
- 2026PPTBench: Can Coding Agents Reconstruct the Visual World through Structured, Editable Slides31 Aug 2026
- 2026LandingAgent: A Reference-Annotated Dataset and Agentic Generation Framework for Landing Pages28 Aug 2026
- 2026Beyond Atomic Layouts: Compositional Design Understanding with Vision-Language Models27 Aug 2026
- 2026Rubrics as Visual-Repair Context for Self-Evolving UI-to-Code Generation25 Aug 2026
- 2026SchemaGUI: A Schema-Driven Benchmark for Controllable GUI Generation Evaluation23 Aug 2026
- 2026From Visual Widgets to UI Code: Efficient Tool-Grounded Generation12 Aug 2026
38 more
- 2026VisEditBench: Can Vision-Language Models Edit Visualization Code from Multimodal Feedback?11 Aug 2026
- 2026Pattern over Pixels: Measuring Pattern Completion Bias in Multimodal Code Generation4 Aug 2026
- 2026LiveEvalBench: Toward Open-World Evaluation for Web Generation4 Aug 2026
- 2026DrawAI: Agentic Benchmark and Workflow for Making Raster Images Editable1 Aug 2026
- 2026Design Theater: Evaluating the Gap Between User-Facing Design Reasoning and Implementation in Generative UI Tools24 Jul 2026
- 2026MV-Bench: Benchmarking Multimodal Large Language Models for Coordinated Multi-View Interface Construction22 Jul 2026
- 2026UI2App: Benchmarking Visual Interaction Inference in Executable Web Application Generation7 Jul 2026
- 2026Decomposer: Learning to Decompile Symbolic Music to Programs2 Jul 2026
- 2026Animation2Code: Evaluating Temporal Visual Reasoning in Video-to-Code Generation26 Jun 2026
- 2026Video2Code: Generating Interactive Webpages from UI Videos via Action-Aware Revisit16 Jun 2026
- 2026LongWebBench: Evaluating Structural and Functional Webpage Generation in Long-Horizon Settings16 Jun 2026
- 2026UXBench: Measuring the Actionability of LLM-Generated UX Critiques15 Jun 2026
- 2026Self-Distillation Policy Optimization via Visual Feedback: Bridging Code and Visual Artifacts9 Jun 2026
- 2026Bridging the Sim-to-Real Gap in Semiconductor Visual Program Synthesis via Input Binarization1 Jun 2026
- 2026WorldCoder-Bench: Benchmarking Physically Grounded 3D World Synthesis1 Jun 2026
- 2026ProductWebGen: Benchmarking Multimodal Product Webpage Generation31 May 2026
- 2026I-WebGenBench : Evaluating Interactivity in LLM-Generated Scientific Web Applications30 May 2026
- 2026Looks Right, Works Right: A Project-Level Benchmark for Multi-Screen Mobile App Generation29 May 2026
- 2026Benchmarking Multimodal LLMs on Code Generation for Complex Interactive Webpages29 May 2026
- 2026VCG-Bench: Towards A Unified Visual-Centric Benchmark for Structured Generation and Editing15 May 2026
- 2026ShapeCodeBench: A Renewable Benchmark for Perception-to-Program Reconstruction of Synthetic Shape Scenes12 May 2026
- 2026WebCompass: Towards Multimodal Web Coding Evaluation for Code Language Models20 Apr 2026
- 2026SPRITE: From Static Mockups to Engine-Ready Game UI18 Mar 2026
- 2026GameUIAgent: An LLM-Powered Framework for Automated Game UI Design with Structured Intermediate Representation16 Mar 2026
- 2026Multimodal OCR: Parse Anything from Documents13 Mar 2026
- 2026DOne: Decoupling Structure and Rendering for High-Fidelity Design-to-Code Generation12 Mar 2026
- 2026MiniAppBench: Evaluating the Shift from Text to Interactive HTML Responses in LLM-Powered Assistants10 Mar 2026
- 2026Generative UI: LLMs are Effective UI Generators24 Feb 2026
- 20261D-Bench: A Benchmark for Iterative UI Code Generation with Visual Feedback in Real-World20 Feb 2026
- 2026Chart Specification: Structural Representations for Incentivizing VLM Reasoning in Chart-to-Code Generation11 Feb 2026
- 2026SVRepair: Structured Visual Reasoning for Automated Program Repair5 Feb 2026
- 2026VisRefiner: Learning from Visual Differences for Screenshot-to-Code Generation5 Feb 2026
- 2026Bridging Gulfs in UI Generation through Semantic Guidance27 Jan 2026
- 2026Coding the Visual World: From Image to Simulation Using Vision Language Models8 Jan 2026
- 2026WebCoderBench: Benchmarking Web Application Generation with Comprehensive and Interpretable Evaluation Metrics5 Jan 2026
- 2025Widget2Code: From Visual Widgets to UI Code via Multimodal LLMs22 Dec 2025
- 2025WebAccessVL: Violation-Aware VLM for Web Accessibility19 Dec 2025
- 2025From Code Foundation Models to Agents and Applications: A Comprehensive Survey and Practical Guide to Code Intelligence23 Nov 2025
50 newest of 113 All 113 (JSON)
- 2024InternLM-XComposer-2.5: A Versatile Large Vision Language Model Supporting Long-Contextual Input and Outputcited by 195
- 2024Design2Code: Benchmarking Multimodal Code Generation for Automated Front-End Engineeringcited by 146
- 2024Unlocking the conversion of Web Screenshots into HTML Code with the WebSight Datasetcited by 126
- 2024Web2Code: A Large-scale Webpage-to-Code Dataset and Evaluation Framework for Multimodal LLMscited by 73
- 2024Sketch2Code: Evaluating Vision-Language Models for Interactive Web Design Prototypingcited by 29
- 2023ILuvUI: Instruction-tuned LangUage-Vision modeling of UIs from Machine Conversationscited by 17
- 2024IW-Bench: Evaluating Large Multimodal Models for Converting Image-to-Webcited by 16
- 2025WebUIBench: A Comprehensive Benchmark for Evaluating Multimodal Large Language Models in WebUI-to-Codecited by 14
- 2025VisCodex: Unified Multimodal Code Generation via Merging Vision and Coding Modelscited by 13
- 2025Widget2Code: From Visual Widgets to UI Code via Multimodal LLMscited by 8
- 2026VCG-Bench: Towards A Unified Visual-Centric Benchmark for Structured Generation and Editingcited by 6
- 2025UI-UG: A Unified MLLM for UI Understanding and Generationcited by 4
12 most cited of 22 All 22 (JSON)
- 2026Beyond Atomic Layouts: Compositional Design Understanding with Vision-Language Models27 Aug 2026
- 2026Rubrics as Visual-Repair Context for Self-Evolving UI-to-Code Generation25 Aug 2026
- 2026VisEditBench: Can Vision-Language Models Edit Visualization Code from Multimodal Feedback?11 Aug 2026
- 2026Pattern over Pixels: Measuring Pattern Completion Bias in Multimodal Code Generation4 Aug 2026
- 2026MV-Bench: Benchmarking Multimodal Large Language Models for Coordinated Multi-View Interface Construction22 Jul 2026
- 2026LongWebBench: Evaluating Structural and Functional Webpage Generation in Long-Horizon Settings16 Jun 2026
- 2026VCG-Bench: Towards A Unified Visual-Centric Benchmark for Structured Generation and Editing15 May 2026
- 2026DOne: Decoupling Structure and Rendering for High-Fidelity Design-to-Code Generation12 Mar 2026
- 2026Coding the Visual World: From Image to Simulation Using Vision Language Models8 Jan 2026
- 2025Widget2Code: From Visual Widgets to UI Code via Multimodal LLMs22 Dec 2025
- 2025WebAccessVL: Violation-Aware VLM for Web Accessibility19 Dec 2025
- 2025CrochetBench: Can Vision-Language Models Move from Describing to Doing in Crochet Domain?12 Nov 2025
12 newest of 22 All 22 (JSON)
- 2024If LLM Is the Wizard, Then Code Is the Wand: A Survey on How Code Empowers Large Language Models to Serve as Intelligent Agentscited by 77
- 2025ScreenCoder: Advancing Visual-to-Code Generation for Front-End Automation via Modular Multimodal Agentscited by 23
- 2025From Code Foundation Models to Agents and Applications: A Comprehensive Survey and Practical Guide to Code Intelligencecited by 13
- 2025WebVIA: A Web-based Vision-Language Agentic Framework for Interactive and Verifiable UI-to-Code Generationcited by 8
- 2025Computer-Use Agents as Judges for Generative User Interfacecited by 8
- 2026WebCompass: Towards Multimodal Web Coding Evaluation for Code Language Modelscited by 6
- 2025Automatically Generating Web Applications from Requirements Via Multi-Agent Test-Driven Developmentcited by 5
- 2026DrawAI: Agentic Benchmark and Workflow for Making Raster Images Editablecited by 1
- 2026LandingAgent: A Reference-Annotated Dataset and Agentic Generation Framework for Landing Pagescited by 0
- 2026Rendering-in-the-Loop: An Execution-Driven Agent for Interactive Web Developmentcited by 0
- 2026Enabling Creative Exploration for Vibe Design Agentscited by 0
- 2026PPTBench: Can Coding Agents Reconstruct the Visual World through Structured, Editable Slidescited by 0
- 2026Enabling Creative Exploration for Vibe Design Agents14 Sep 2026
- 2026Rendering-in-the-Loop: An Execution-Driven Agent for Interactive Web Development2 Sep 2026
- 2026PPTBench: Can Coding Agents Reconstruct the Visual World through Structured, Editable Slides31 Aug 2026
- 2026LandingAgent: A Reference-Annotated Dataset and Agentic Generation Framework for Landing Pages28 Aug 2026
- 2026DrawAI: Agentic Benchmark and Workflow for Making Raster Images Editable1 Aug 2026
- 2026WebCompass: Towards Multimodal Web Coding Evaluation for Code Language Models20 Apr 2026
- 2025From Code Foundation Models to Agents and Applications: A Comprehensive Survey and Practical Guide to Code Intelligence23 Nov 2025
- 2025Computer-Use Agents as Judges for Generative User Interface19 Nov 2025
- 2025WebVIA: A Web-based Vision-Language Agentic Framework for Interactive and Verifiable UI-to-Code Generation9 Nov 2025
- 2025Automatically Generating Web Applications from Requirements Via Multi-Agent Test-Driven Development29 Sep 2025
- 2025ScreenCoder: Advancing Visual-to-Code Generation for Front-End Automation via Modular Multimodal Agents30 Jul 2025
- 2024If LLM Is the Wizard, Then Code Is the Wand: A Survey on How Code Empowers Large Language Models to Serve as Intelligent Agents1 Jan 2024
- 2025WebGen-Agent: Enhancing Interactive Website Generation with Multi-Level Feedback and Step-Level Reinforcement Learningcited by 11
- 2026SVRepair: Structured Visual Reasoning for Automated Program Repaircited by 2
- 2026Chart Specification: Structural Representations for Incentivizing VLM Reasoning in Chart-to-Code Generationcited by 2
- 2026Benchmarking Multimodal LLMs on Code Generation for Complex Interactive Webpagescited by 1
- 2026Animation2Code: Evaluating Temporal Visual Reasoning in Video-to-Code Generationcited by 0
- 2026Animation2Code: Evaluating Temporal Visual Reasoning in Video-to-Code Generation26 Jun 2026
- 2026Benchmarking Multimodal LLMs on Code Generation for Complex Interactive Webpages29 May 2026
- 2026Chart Specification: Structural Representations for Incentivizing VLM Reasoning in Chart-to-Code Generation11 Feb 2026
- 2026SVRepair: Structured Visual Reasoning for Automated Program Repair5 Feb 2026
- 2025WebGen-Agent: Enhancing Interactive Website Generation with Multi-Level Feedback and Step-Level Reinforcement Learning26 Sep 2025
- 2024SWE-bench Multimodal: Do AI Systems Generalize to Visual Software Domains?cited by 196
- 2023StarVector: Generating Scalable Vector Graphics Code from Images and Textcited by 96
- 2024Interaction2Code: Benchmarking MLLM-based Interactive Webpage Code Generation from Interactive Prototypingcited by 50
- 2024WebCode2M: A Real-World Dataset for Code Generation from Webpage Designscited by 43
- 2025DesignBench: A Comprehensive Benchmark for MLLM-based Front-end Code Generationcited by 41
- 2024Graphic Design with Large Multimodal Modelcited by 38
- 2021VINS: Visual Search for Mobile User Interface Designcited by 37
- 2025FullFront: Benchmarking MLLMs Across the Full Front-End Engineering Workflowcited by 25
- 2024Automatically Generating UI Code from Screenshot: A Divide-and-Conquer-Based Approachcited by 24
- 2021GUIGAN: Learning to Generate GUI Designs Using Generative Adversarial Networkscited by 17
- 2025WebMMU: A Benchmark for Multimodal Multilingual Website Understanding and Code Generationcited by 16
- 2025VCode: a Multimodal Coding Benchmark with SVG as Symbolic Visual Representationcited by 15
12 most cited of 73 All 73 (JSON)
- 2026Back2Struct: Making Structured Images Editable Again29 Sep 2026
- 2026AUV-Bench: Aesthetic Understanding and Generation Evaluation for User Interfaces28 Sep 2026
- 2026WebCraftBench: Evaluating Web Application Generation from a Software Testing Perspective14 Sep 2026
- 2026MM-SVGEdit: A Multimodal-Driven SVG Editing for UI Design5 Sep 2026
- 2026SchemaGUI: A Schema-Driven Benchmark for Controllable GUI Generation Evaluation23 Aug 2026
- 2026From Visual Widgets to UI Code: Efficient Tool-Grounded Generation12 Aug 2026
- 2026LiveEvalBench: Toward Open-World Evaluation for Web Generation4 Aug 2026
- 2026Design Theater: Evaluating the Gap Between User-Facing Design Reasoning and Implementation in Generative UI Tools24 Jul 2026
- 2026UI2App: Benchmarking Visual Interaction Inference in Executable Web Application Generation7 Jul 2026
- 2026Decomposer: Learning to Decompile Symbolic Music to Programs2 Jul 2026
- 2026Video2Code: Generating Interactive Webpages from UI Videos via Action-Aware Revisit16 Jun 2026
- 2026UXBench: Measuring the Actionability of LLM-Generated UX Critiques15 Jun 2026
12 newest of 73 All 73 (JSON)