{"id":3975,"date":"2021-01-03T22:47:34","date_gmt":"2021-01-03T22:47:34","guid":{"rendered":"https:\/\/www.wendyzhou.se\/blog\/?p=3975"},"modified":"2026-05-20T19:48:55","modified_gmt":"2026-05-20T19:48:55","slug":"figma-cyberpunk-ui-kits-resources","status":"publish","type":"post","link":"https:\/\/www.wendyzhou.se\/blog\/figma-cyberpunk-ui-kits-resources\/","title":{"rendered":"4 Best Figma Cyberpunk UI Kits & Resources"},"content":{"rendered":"\n

Are you looking for Figma cyberpunk UI resources? Here are the best free<\/strong> cyberpunk UI kits and template files from the Figma Community<\/a> that you can use.<\/p>\n\n\n\n

What is Figma Community?The <\/h2>\n\n\n\n

Figma community is a platform where designers can create and share files and UI Kits. It\u2019s quite new, but it\u2019s constantly growing. I\u2019ve personally loved it and have begun using files from the Figma Community regularly.<\/p>\n\n\n\n

When you\u2019ve found a file that you like, you just click on \u201cDuplicate\u201d, and the file will be copied to your drafts. After that, you can start using them for your projects!<\/p>\n\n\n\n

You may also be interested in: The Best Free Figma Community Files and Plugins<\/a><\/p>\n\n\n\n

Figma Cyberpunk UI Files<\/h2>\n\n\n\n

I often look for cool and useful cyberpunk UI kits. Last time I found this CSS-based (code) cyberpunk UI-Kit<\/a>, but I didn\u2019t find any good kits for Sketch or Figma. But recently, I took another look around the Figma Community and came across these great ones that I wanted to share with you.<\/p>\n\n\n\n

1. Cyber Kit<\/h3>\n\n\n\n
\"\"
Screenshot from Figma Community page for Cyber Kit by Matt Walker<\/a><\/figcaption><\/figure>\n\n\n\n

The \u201dCyber Kit\u201d by Matt Walker<\/strong> is one of my absolute favorite Figma Cyberpunk UI Kits. It contains a typography set, color combos, buttons, button groups, checkboxes, dividers, and much more. It reminds me of the graphic for the Cyberpunk 2077 game.<\/p>\n\n\n\n

<\/i>To Cyber Kit<\/span><\/a><\/span><\/div>\n\n\n\n

2. LED-Numbers<\/h3>\n\n\n\n
\"\"
Screenshot of Figma Community page of “LED numbers” by icons8tem<\/a><\/figcaption><\/figure>\n\n\n\n

Next on the list is LED numbers. This kit doesn\u2019t contain much more than these numbers shown in the image below. But you can\u2019t deny that those are a couple of nice-looking LED graphics. It\u2019s not easy to create nice LED visuals manually, so it’s really nice template.<\/p>\n\n\n\n

<\/i>To LED NUM<\/span><\/a><\/span><\/div>\n\n\n\n

<\/p>\n\n\n\n

3. Cybernetic <\/h3>\n\n\n\n
\"\"<\/a>
Screenshot of Figma Community page for “Cybernetic – Component library” by Harmit Sampat<\/a><\/figcaption><\/figure>\n\n\n\n

Cybernetic<\/em> is a neomorphic cyberpunk UI-Kit by Harmit Sampat. <\/a>It\u2019s not as sci-fi-inspired as the other ones, but I think Harmit did a great job at achieving the Cyberpunk aesthetics with the choice of fonts, colors, and strong elements.<\/p>\n\n\n\n

<\/i>To Cybernetic<\/span><\/a><\/span><\/div>\n\n\n\n

<\/p>\n\n\n\n

4. Synth Circuitry<\/h3>\n\n\n\n
\"\"
Screenshot of Figma Community file for “Synth Circuitry” by Justin Mezzelli<\/a><\/figcaption><\/figure>\n\n\n\n

Synth Circuitry<\/em> by illustrator Justin Mezzel<\/a>l is described well by himself:<\/p>\n\n\n\n

\n

Here’s the deal: technology is pretty cool. You know what else is pretty cool? Bits and boops and (more importantly) glows. And like a ton of glows. And then, what about the light that gets cast off from those glows? What if that light was a neon-fever-dream pink? Yeah, now that’s my love language.<\/p>\n<\/blockquote>\n\n\n\n

<\/i>To Synth Circuitry<\/span><\/a><\/span><\/div>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

Thanks for reading! I hope this was helpful.<\/p>\n","protected":false},"excerpt":{"rendered":"

Are you looking for Figma cyberpunk UI resources? Here are the best free cyberpunk UI-Kits and template files from Figma Community that you can use.<\/p>\n","protected":false},"author":1,"featured_media":3993,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[69,175,177],"tags":[],"class_list":["post-3975","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cyberpunk","category-ui-design","category-ui-kits","entry","has-media"],"gutentor_comment":1,"uagb_featured_image_src":{"full":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/B94DB8F7-8E6E-4D52-9415-2FBD3CBB31BA.png",1041,690,false],"thumbnail":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/B94DB8F7-8E6E-4D52-9415-2FBD3CBB31BA-150x150.png",150,150,true],"medium":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/B94DB8F7-8E6E-4D52-9415-2FBD3CBB31BA-300x199.png",300,199,true],"medium_large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/B94DB8F7-8E6E-4D52-9415-2FBD3CBB31BA-768x509.png",768,509,true],"large":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/B94DB8F7-8E6E-4D52-9415-2FBD3CBB31BA-1024x679.png",1024,679,true],"1536x1536":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/B94DB8F7-8E6E-4D52-9415-2FBD3CBB31BA.png",1041,690,false],"2048x2048":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/B94DB8F7-8E6E-4D52-9415-2FBD3CBB31BA.png",1041,690,false],"ocean-thumb-m":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/B94DB8F7-8E6E-4D52-9415-2FBD3CBB31BA.png",600,398,false],"ocean-thumb-ml":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/B94DB8F7-8E6E-4D52-9415-2FBD3CBB31BA.png",679,450,false],"ocean-thumb-l":["https:\/\/www.wendyzhou.se\/blog\/wp-content\/uploads\/2021\/01\/B94DB8F7-8E6E-4D52-9415-2FBD3CBB31BA.png",1041,690,false]},"uagb_author_info":{"display_name":"Wendy Zhou","author_link":"https:\/\/www.wendyzhou.se\/blog\/author\/wendy1111live-se\/"},"uagb_comment_info":1,"uagb_excerpt":"Are you looking for Figma cyberpunk UI resources? Here are the best free cyberpunk UI-Kits and template files from Figma Community that you can use.","_links":{"self":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/3975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/comments?post=3975"}],"version-history":[{"count":16,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/3975\/revisions"}],"predecessor-version":[{"id":9030,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/posts\/3975\/revisions\/9030"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media\/3993"}],"wp:attachment":[{"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/media?parent=3975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/categories?post=3975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wendyzhou.se\/blog\/wp-json\/wp\/v2\/tags?post=3975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}