{"about":{"site":"https://codewithpapers.app","non_affiliation":"Code with Papers and Syntology are not affiliated with, endorsed by, or sponsored by Papers with Code, Meta, or the pwc-archive mirror.","licence":"CC BY-SA 4.0","licence_url":"https://creativecommons.org/licenses/by-sa/4.0/legalcode","attribution":"https://codewithpapers.app/attribution","modified":"archive material modified by Syntology; see the attribution page"},"url":"/paper/pix2code-generating-code-from-a-graphical","title":"pix2code: Generating Code from a Graphical User Interface Screenshot","arxiv_id":"1705.07962","date":"2017-05-22","proceeding":null,"authors":["Tony Beltramelli"],"abstract":"Transforming a graphical user interface screenshot created by a designer into\ncomputer code is a typical task conducted by a developer in order to build\ncustomized software, websites, and mobile applications. In this paper, we show\nthat deep learning methods can be leveraged to train a model end-to-end to\nautomatically generate code from a single input image with over 77% of accuracy\nfor three different platforms (i.e. iOS, Android and web-based technologies).","url_abs":"http://arxiv.org/abs/1705.07962v2","url_pdf":"http://arxiv.org/pdf/1705.07962v2.pdf","source":{"archive":"pwc-archive (Hugging Face), CC BY-SA 4.0","snapshot":"2025-07-28","licence_url":"https://creativecommons.org/licenses/by-sa/4.0/legalcode","row_kind":"abstracts"},"code_links":[{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/tonybeltramelli/pix2code","is_official":1,"mentioned_in_paper":1,"mentioned_in_github":1,"framework":"none","reach":{"status":"unanswered"}},{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/Atharva-Phatak/Generating-Webpages-from-Screenshots","is_official":0,"mentioned_in_paper":0,"mentioned_in_github":1,"framework":"pytorch","reach":{"status":"unanswered"}},{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/RAHUL-KESHERVANI/my_pix2code","is_official":0,"mentioned_in_paper":0,"mentioned_in_github":1,"framework":"none","reach":{"status":"unanswered"}},{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/ThomasVandendijk/capita_selecta_pix2code","is_official":0,"mentioned_in_paper":0,"mentioned_in_github":1,"framework":"none","reach":{"status":"unanswered"}},{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/ZvezdocheTag/variable-ui","is_official":0,"mentioned_in_paper":0,"mentioned_in_github":1,"framework":"none","reach":{"status":"unanswered"}},{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/badaro48/documents","is_official":0,"mentioned_in_paper":0,"mentioned_in_github":1,"framework":"none","reach":{"status":"unanswered"}},{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/dashweta/MachineLearningPython","is_official":0,"mentioned_in_paper":0,"mentioned_in_github":1,"framework":"tf","reach":{"status":"unanswered"}},{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/kevinleewy/pytorch_pix2code","is_official":0,"mentioned_in_paper":0,"mentioned_in_github":1,"framework":"pytorch","reach":{"status":"unanswered"}},{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/pranayanand123/Design2Code","is_official":0,"mentioned_in_paper":0,"mentioned_in_github":1,"framework":"none","reach":{"status":"unanswered"}},{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/sruthisripathi/ui2c","is_official":0,"mentioned_in_paper":0,"mentioned_in_github":1,"framework":"none","reach":{"status":"unanswered"}},{"paper_slug":"pix2code-generating-code-from-a-graphical","repo_url":"https://github.com/steve-levesque/Portfolio-AI-DesignToCode","is_official":0,"mentioned_in_paper":0,"mentioned_in_github":1,"framework":"none","reach":{"status":"unanswered"}}],"tasks":[{"task_slug":"class-level-code-generation","task_name":"Class-level Code Generation"},{"task_slug":"code-generation","task_name":"Code Generation"}],"methods":[],"datasets_introduced":[],"methods_introduced":[],"results":[{"leaderboard":"/sota/class-level-code-generation-on-reside-testset","task":"Class-level Code Generation","dataset":"RESIDE TestSet-S","model":"","rank_in_archive_order":1,"of":1,"metrics":{"F1 (Hidden Test Set)":"159.84"},"uses_additional_data":false}],"syntology":{"atlas_url":"https://app.syntology.ai/?focus=1705.07962","mcp":null,"developers":"https://syntology.ai/developers"},"arxiv_metadata":null,"syntology_extracted_results":null}