Papers › pix2code: Generating Code from a Graphical User Interface Screenshot

pix2code: Generating Code from a Graphical User Interface Screenshot

22 May 2017arXiv:1705.07962archive 2025-07-28

Tony Beltramelli

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).

PaperPDFCode

In Syntology Open this paper in Syntology's Atlas, the map of the papers in Syntology's graph and their citations.

Code

tonybeltramelli/pix2code officialmentioned in papermentioned on GitHub report
RAHUL-KESHERVANI/my_pix2code mentioned on GitHub report
ZvezdocheTag/variable-ui mentioned on GitHub report
badaro48/documents mentioned on GitHub report
dashweta/MachineLearningPython mentioned on GitHubtf report
kevinleewy/pytorch_pix2code mentioned on GitHubpytorch report
pranayanand123/Design2Code mentioned on GitHub report
sruthisripathi/ui2c mentioned on GitHub report

Repository list and official/mentioned flags are the archive's, frozen 2025-07-28. Reachability, where shown, is from one Syntology probe window (2026-09-16 to 2026-09-18); repositories not probed show nothing. GitHub stars are not tracked.

Code Syntology ran Syntology

Not run by Syntology. Nothing on this page verifies that the listed code works.

Tasks

Class-level Code GenerationCode Generation

Results from the paper archive 2025-07-28

TaskDatasetModelMetricValueRank at snapshotLeaderboardReport
Class-level Code Generation RESIDE TestSet-S F1 (Hidden Test Set) 159.84 #1 of 1 Archive leaderboard report

Ranks are positions in the archive's leaderboards as they stood at the 2025-07-28 snapshot. Results published since then are not among these rows, so a rank here is not a current standing.

Report a problem or propose a change · a person checks every report against the paper or source before anything changes; decisions are listed on /corrections