{"id":690,"date":"2024-08-13T13:44:00","date_gmt":"2024-08-13T13:44:00","guid":{"rendered":"http:\/\/127.0.0.1\/nnmakicom2026\/?p=690"},"modified":"2026-07-01T14:13:24","modified_gmt":"2026-07-01T14:13:24","slug":"figma-gui-to-python-code","status":"publish","type":"post","link":"https:\/\/nnmaki.com\/index.php\/2024\/08\/13\/figma-gui-to-python-code\/","title":{"rendered":"Figma GUI to Python code"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Description<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This is an exercise converting a UI framework created in Figma into Python code, with an added feature for saving entered data directly to an Excel-sheet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is made possible by the Tkinter Designer tool (Copyright (c) 2021, Parth Jadhav), which as the name suggests, uses Python\u2019s Tkinter library -the most commonly used library for creating UI-applications in Python.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As an experiment, I created a small form-like UI in Figma, which I then converted to Python code. I also added the Openpyxl library into the converted code, allowing the user\u2019s form entries to be saved directly to an Excel sheet. Or creating it if it doesn&#8217;t excist.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_1_1200x675.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-id=\"696\" src=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_1_1200x675-1024x576.jpg\" alt=\"Picture of Figma GUI to Python\" class=\"wp-image-696\" srcset=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_1_1200x675-1024x576.jpg 1024w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_1_1200x675-300x169.jpg 300w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_1_1200x675-768x432.jpg 768w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_1_1200x675.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_2_1200x675.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-id=\"695\" src=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_2_1200x675-1024x576.jpg\" alt=\"Picture of Figma GUI to Python\" class=\"wp-image-695\" srcset=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_2_1200x675-1024x576.jpg 1024w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_2_1200x675-300x169.jpg 300w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_2_1200x675-768x432.jpg 768w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_2_1200x675.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_3_1200x675.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-id=\"694\" src=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_3_1200x675-1024x576.jpg\" alt=\"Picture of Figma GUI to Python\" class=\"wp-image-694\" srcset=\"https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_3_1200x675-1024x576.jpg 1024w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_3_1200x675-300x169.jpg 300w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_3_1200x675-768x432.jpg 768w, https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_3_1200x675.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">My Thoughts<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Although similar results can certainly be achieved more easily with ready-made tools, this exercise demonstrates that comparable functionality can be accomplished locally without additional cloud services or coding the entire application from scratch. However, enabling Excel-saving required quite a bit of code modification.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Description This is an exercise converting a UI framework created in Figma into Python code, with an added feature for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":691,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-690","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"mb":[],"uagb_featured_image_src":{"full":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_fi_1200x675.jpg",1200,675,false],"thumbnail":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_fi_1200x675-150x150.jpg",150,150,true],"medium":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_fi_1200x675-300x169.jpg",300,169,true],"medium_large":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_fi_1200x675-768x432.jpg",768,432,true],"large":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_fi_1200x675-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_fi_1200x675.jpg",1200,675,false],"2048x2048":["https:\/\/nnmaki.com\/wp-content\/uploads\/2026\/07\/figma_python_gui_fi_1200x675.jpg",1200,675,false]},"uagb_author_info":{"display_name":"NikoNmaki","author_link":"https:\/\/nnmaki.com\/index.php\/author\/nnmakicom2026\/"},"uagb_comment_info":0,"uagb_excerpt":"Description This is an exercise converting a UI framework created in Figma into Python code, with an added feature for [&hellip;]","mfb_rest_fields":["title","uagb_featured_image_src","uagb_author_info","uagb_comment_info","uagb_excerpt"],"_links":{"self":[{"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/posts\/690","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/comments?post=690"}],"version-history":[{"count":2,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/posts\/690\/revisions"}],"predecessor-version":[{"id":697,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/posts\/690\/revisions\/697"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/media\/691"}],"wp:attachment":[{"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/media?parent=690"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/categories?post=690"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nnmaki.com\/index.php\/wp-json\/wp\/v2\/tags?post=690"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}