Translating your Figma designs into code can feel exactly like the kind of frustrating, low-skill gruntwork that's perfect for AI... except that most of us have also watched AI butcher hopeful screenshots into unresponsive spaghetti.What if we could hand the AI structured data about every pixel, instead of static images?This is how Figma Model Context Protocol (MCP) servers work. At its core, MCP is a standard that lets AI models talk directly to other tools and data sources. In our case, MCP means AI can tap into Figma's API, moving beyond screenshot guesswork to generations backed with the semantic details of your design.Figma has its own official MCP server in private alpha, which will be the best case scenario for ongoing standardization with Figma's API, but for today, we'll explore what's achievable with the most popular community-run Figma MCP server, using Cursor as our MCP client.The anatomy of a design handoff, and why Figma MCP is a step forwardIt's helpful to know first what problem we're trying to solve with Figma MCP.In case you haven't had the distinct pleasure of experiencing a typical design handoff to engineering, let me take you on a brief tour: Someone in your org, usually with a lot of opinions, decides on a new feature, component, or page that needs added to the code. Your design team creates a mockup. It is beautiful and full of potential. If you're really lucky, it's even practical to implement in code. You're often not really lucky. You begin to think how to implement the design. Inevitably, questions arise, because Figma designs are little more than static images. What happens when you hover this button? Is there an animation on scroll? Is this still legible in tablet size? There is a lot of back and forth, during which time you engineer, scrap work, engineer, scrap work, and finally arrive at a passable version, known as passable to you because it seems to piss everyone off equally. Now, finally, you can do the fun part: finesse. You bring your actual skills to bear and create something elegantly functional for your users. There may be more iterations after this, but you're happy for now.Sound familiar? Hopefully, it goes better at your org.Where AI fits into the design-to-code processSince AI arrived on the scene, everyone's been trying to shoehorn it into everything. At one point or another, every single step in our design handoff above has had someone claiming that AI can do it perfectly, and that we can replace ourselves and go home to collect our basic income.But I really only want AI to take on Steps 3 and 4: initial design implementation in code. For the rest, I very much like humans in charge. This is why something like a design-to-code AI excites me. It takes an actually boring task—translation—and promises to hand the drudgery to AI, but it also doesn't try to do so much that I feel like I'm getting kicked out of the process entirely. AI scaffolds the boilerplate, and I can just edit the details.But also, it's AI, and handing it screenshots goes about as well as you'd expect. It's like if you've ever tried to draw a friend's face from memory. Sure, you can kinda tell it's them.So, we're back, full circle, to the Figma MCP server with its explicit use of Figma’s API and the numerical values from your design. Let's try it and see how much better the results may be.How to use the Figma MCP serverOkay, down to business. Feel free to follow along. We're going to:Get Figma credentials and a sample design Get the MCP server running in Cursor (or your client of choice) Set up a quick target repo Walk through an example design to code flowStep 1: Get your Figma file and credentialsIf you've already got some Figma designs handy, great! It's more rewarding to see your own designs come to life. Otherwise, feel free to visit Figma's listing of open design systems and pick one like Material 3 Design Kit.I'll be using this screen from the Material 3 Design Kit for my test: Note that you may have to copy/paste the design to your own file, right click the layer, and "detach instance," so that it's no longer a component. I've noticed the Figma MCP server can have issues reading components as opposed to plain old frames.Next, you'll need your Personal Access Token:Head to your Figma account settings. Go to the Security tab. Generate a new token with the permissions and expiry date you prefer.Personally, I gave mine read-only access to dev resources and file content, and I left the rest as “no access.”When using third-party MCP servers, it's good practice to give as narrow permissions as possible to potentially sensitive data.Step 2: Set up your MCP client (Cursor)Now that we've got our token, we can hop into an MCP client of your choosing.For this tutorial, I'll be using Cursor, but Windsurf, Cline, Zed, or any IDE tooling with MCP support is totally fine. (Here’s a breakdown of the differences.) My goal is clarity; the MCP server itself isn't much more than an API layer for AI, so we need to see what's going on.In Cursor, head to Cursor Settings -> MCP -> Add new global MCP server. Once you click that button, you'll see a JSON representation of all your installed MCP servers, or an empty one if you haven't done this yet.You can add the community Figma MCP server like such:{ "mcpServers": { "Framelink Figma MCP": { "command": "npx", "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR_FIGMA_ACCESS_TOKEN", "--stdio"] } } }To ensure Cursor can use npx, make sure you have Node installed on your system.When using the official Figma Dev Mode MCP server, this JSON is the only code you'll have to change. Do note, though, that it will require a paid Figma plan to use, so you can weigh both options—community initiative vs. standardized support.Now, when you prompt Cursor in Agent mode, you'll see the AI make tool calls to the MCP server when you say things like, "Use the Figma MCP to..."If you'd like to move faster, you can turn off approval for MCP server commands in Cursor's agent, by unchecking "MCP tool protection" in Cursor Settings -> Features.Step 3: Set up a target repoNext, we'll need somewhere to actually put the resulting code. When using this workflow, you're not always going to be starting from scratch; good design to code means implementing Figma designs in existing repos.For our purposes today, I'll just spin up a Next.js starter template, with npx create-next-app@latest.Step 4: ShowtimeOkay, we should be all set. Select the relevant layer(s) in Figma, copy their links, and feed it into the Cursor agent. My prompt is just:Can you replace my homepage with this Figma design? It should be a basic chat interface. Figma frame: <https://www.figma.com/design/CPDcrzkVChAzQ3q1pC5mXd/Figma-MCP-vs.-Builder-Fusion?node-id=2-215&t=K6v805pKyoU4FqdA-4> Please use the Figma MCP server. Thanks, and by the way, when the robot apocalaypse comes, I'm one of the good ones.Let's see it in action:And here's an example of some of the resulting code that it made:{/* Message Input */} <div className="p-6 bg-white border-t border-[#E8DEF8]"> <div className="flex items-center space-x-4"> <button className="p-2 rounded-full hover:bg-[#F3EDF7]"> <svg className="w-6 h-6 text-[#1D1B20]" fill="currentColor" viewBox="0 0 24 24"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"/> </svg> </button> <button className="p-2 rounded-full hover:bg-[#F3EDF7]"> <svg className="w-6 h-6 text-[#1D1B20]" fill="currentColor" viewBox="0 0 24 24"> <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm3.5-9c.83 0 1.5-.67 1.5-1.5S16.33 8 15.5 8 14 8.67 14 9.5s.67 1.5 1.5 1.5zm-7 0c.83 0 1.5-.67 1.5-1.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11zm3.5 6.5c2.33 0 4.31-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5z"/> </svg> </button> <div className="flex-1 relative"> <div className="flex items-center bg-[#ECE6F0] rounded-full px-4 py-3"> <button className="p-1 rounded-full hover:bg-[#D0BCFF] mr-3"> <svg className="w-5 h-5 text-[#4A4459]" fill="currentColor" viewBox="0 0 24 24"> <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/> </svg> </button> <input type="text" value={newMessage} onChange={(e) => setNewMessage(e.target.value)} onKeyPress={handleKeyPress} placeholder="Type a message..." className="flex-1 bg-transparent outline-none text-[#1D1B20] placeholder-[#4A4459]" /> <button onClick={handleSendMessage} className="p-1 rounded-full hover:bg-[#D0BCFF] ml-3" > <svg className="w-5 h-5 text-[#4A4459]" fill="currentColor" viewBox="0 0 24 24"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/> </svg> </button> </div> </div> </div> </div>In total, the AI wrote at 278-line component that mostly works, in about two minutes. Honestly, not bad for a single shot.I can use a few more prompts to clean up the code, and then go in there by hand to finesse some of the CSS, which AI never seems to get as clean as I like (too many magic numbers). But it definitely saves me time over setting this all up by hand.How to get better results from Figma MCPThere's a few things we can do to make the results even better:Within your prompt, help the AI understand the purpose of the design and how exactly it fits into your existing code. Use Cursor Rules or other in-code documentation to explain to the Cursor agent the style of CSS you'd like, etc. Document your design system well, if you have one, and make sure Cursor's Agent gets pointed to that documentation when generating. Don't overwhelm the agent. Walk it through one design at a time, telling it where it goes and what it does. The process isn't fully automatic yet.Basically, it all boils down to more context, given granularly. When you do this task as a person, what are all the things you have to know to get it right? Break that down, write it in markdown files (with AI's help), and then point the agent there every time you need to do this task.Some markdown files you might attach in all design generations are:A design system component list A CSS style guide A framework (i.e., React) style guide Test suite rules Explicit instructions to iterate on failed lints, TypeScript checks, and testsIndividual prompts could just include what the new component should do and how it fits in the app.Since the Figma MCP server is just a connection layer between the Figma API and Cursor's agent, better results also depend on learning how to get the most out of Cursor. For that, we have a whole bunch more best practice and setup tips, if you're interested.More than anything, don't expect perfect results. Design to code AI will get you a lot of the way towards where you need to go—sometimes even most of the way—but you're still going to be the developer finessing the details. The goal is just to save a little time. You're not trying to replace yourself.Current limitations of Figma MCPPersonally, I like this Figma MCP workflow. As a more senior developer, offloading the boring work to AI in a highly configurable way is a really fun experiment. But there's still a lot of limitations.MCP is a dev-only playground. Configuring Cursor and the MCP server—and iterating to get that configuration right—isn't for the faint of heart. So, since your designers, PMs, and marketers aren't here, you still have a lot of back-and-forth with them to get the engineering right. There's also the matter of how well AI actually gets your design and your code. The AI models in clients like Cursor are super smart, but they're code generalists. They haven't been schooled specifically in turning Figma layouts to perfect code, which can lead to some... creative... interpretations. Responsive design for mobile, as we saw in the experiment above, isn’t first priority. It's not a deterministic process. Even if AI has perfect access to Figma data, it can still go off the rails. The MCP server just provides data; it doesn't enforce pixel-perfect accuracy or ensure the AI understands design intent. Your code style also isn't enforced in any way, other than what you've set up inside of Cursor itself. Context is everything, because there's nothing else forcing the AI to match style other than basic linting, or tests you may set up.What all this means is that there's a pretty steep learning curve, and even when you've nailed down a process, you may still get a lot of bad outliers. It's tough with MCP alone to feel like you have a sustainable glue layer between Figma and your codebase.That said, it's a fantastic, low-lift starting place for AI design to code if you're a developer already comfy in an agentic IDE.Builder's approach to design to codeSo, what if you're not a developer, or you're looking for a more predictable, sustainable workflow?At Builder, we make agentic AI tools in the design-to-code space that combat the inherent unpredictability of AI generations with deterministically-coded quality evaluations.Figma to code is a solved problem for us already. Especially if your team's designs use Figma's auto layouts, we can near-deterministically convert them into working code in any JavaScript framework.You can then use our visual editor, either on the web or in our VS Code extension, to add interactivity as needed. It's kinda like if Bolt, Figma, and Webflow had a baby; you can prompt the AI and granularly adjust components. Vibe code DOOM or just fix your padding. Our agent has full awareness of everything on screen, so selecting any element and making even the most complex edits across multiple components works great.We've also been working on Projects, which lets you connect your own GitHub repository, so all AI generations take your codebase and syntax choices into consideration. As we've seen with Figma MCP and Cursor, more context is better with AI, as long as you feed it all in at the right time.Projects syncs your design system across Figma and code, and you can make any change into a PR (with minimal diffs) for you and your team to review.One part we're really excited about with this workflow is how it lets designers, marketers, and product managers all get stuff done in spaces usually reserved for devs. As we've been dogfooding internally, we've seen boards of Jira papercut tickets just kinda... vanish.Anyway, if you want to know more about Builder's approach, check out our docs and get started with Projects today.So, is the Figma MCP worth your time?Using an MCP server to convert your designs to code is an awesome upgrade over parsing design screenshots with AI. Its data-rich approach gets you much farther along, much faster than developer effort alone.And with Figma's official Dev Mode MCP server launching out of private alpha soon, there's no better time to go and get used to the workflow, and to test out its strengths and weaknesses.Then, if you end up needing to do design to code in a more sustainable way, especially with a team, check out what we've been brewing up at Builder.Happy design engineering!

Project Files: https://www.patreon.com/posts/129749174 . This is the 34th part of the tutorial series, where we are going to implement a Real Time Strategy game using Unreal Engine and C++. Today we are going to work on how to add begin cursor over and end cursor over events to our characters/pawns in C++. This is required to show overhead healthbars or any other details when we hover the cursor over these characters. Unreal Engine Gameplay Message Subsystem - How To Use: https://youtu.be/Qnxk6iiy7sU Full C++ RTS Playlist: https://www.youtube.com/playlist?list=PLNTm9yU0zou5_PYxEdjNbAgbVRn-daOga . Unreal Strategy game with Blueprints series: https://www.youtube.com/playlist?list=PLNTm9yU0zou4Eulmi8YIfzHiNZEzfbSMk ► 👇 𝐒𝐮𝐩𝐩𝐨𝐫𝐭 𝐓𝐡𝐞 𝐂𝐡𝐚𝐧𝐧𝐞𝐥 // 𝐁𝐞𝐜𝐨𝐦𝐞 𝐀 𝐏𝐚𝐭𝐫𝐨𝐧! https://www.patreon.com/codelikeme ►Patrons will have access to project files of all the stuff I do in the channel and other extra benefits Join this channel to get access to perks: https://www.youtube.com/channel/UClb6Jh9EBV7a_Nm52Ipll_Q/join Like my facebook page for more content : https://www.facebook.com/gamedevelopersclub/ Follow me on twitter : https://twitter.com/CodeLikeMe2 Follow me on reddit : https://www.reddit.com/user/codelikeme #CodeLikeMe #unrealengine #ue5 #ue4 #indiegamedev

Join Asif Ali as he demonstrates how to create a stunning bubble material in Unreal Engine in just a few minutes! Perfect for beginners and VFX enthusiasts. Don't miss out on this quick tutorial!#BubbleMaterial #UnrealEngine #VFXTutorial #GameDevelopment #5MinuteTutorial

Hey Guys! I made a tutorial a while back on making looping flipbooks from videos. the above GIF doesn’t really do it justice, you can watch it on my personal Telegram channel here and you can watch the tutorial on my Youtube Make Looping Flipbooks From Non-Loop Videos! cheers XD 1 post - 1 participant Read full topic

There is a new Humble Bundle of interest to game developers, the Big Bang Unreal & Unity (and Godot) Asset Humble Bundle. This massive bundle contains a ton of 3D environments, props, SFX and characters for Unreal, Unity and a few for Godot as well. You can also transfer assets from one game engine to another using the guides we provide below. In addition to this new Humble Bundle there are several other game asset bundles for these game engine by Leartes running over on GumRoad: Space Nova Unreal Bundle (Use code SN70) Star Nova Unreal Bundle (Use Code SN40) Unity Space Nova Bundle (Use Code SN70) Unity Star Nova Bundle (Use Code SN40) Godot Star Nova Bundle (Use Code SN40) The Big Bang Unreal & Unity (and Godot) Asset Humble Bundle is organized into the following tiers: 1$ Tier Military Boat SFX CyberpunkZBrush: Beginner to Advanced Course on Three MiniaturesVFX Smoke (Unreal Engine)Water VFX (Unreal Engine)Object Distribution Tool (Unreal Engine)500+ Fantasy IconsCosmos One Month Free SubscriptionCosmos 50% Discount CodeMedian Tier Ultimate Lighting and Camera Tool ( ULCT ) Feudal Japanese CastleStylized Desert BazaarStylized Medieval HouseStylized Magical Haunted VillageThe Gas StationFantasy Mystic VillageMilitary Barriers PackSUV 02 DriveableSFX WinterVFX Dust (Unreal Engine)Substance 3D Painter: A Complete Guide for BeginnersSFX 3 Police Station (SFX)Modeling TutorialPost Apocalyptic Melee Weapons VOL.2Material Assignment Tool (Unreal Engine)Police Character / NPC (Unreal Engine)1950s Mafia Character / NPC / RiggedCyberpunk Holograms / Neon Set ( Set of 33 Holograms )Cyberpunk Street Lights (Unreal Engine)Driveable / Animated Retro Cyberpunk Hover Car 0220$ Tier Miami Club Megapack Ancient Cathedral EnvironmentThe Grand Egyptian TempleThe Carnival EnvironmentUnderwater Sunken ShipHaunted HouseThe Fantastic HillsThe Ancient Library EnvironmentPirate Tavern EnvironmentChinese Alley EnvironmentUltimate Level Art Tool – ULATThe Rally Point EnvironmentJapanese TempleFeudal Japan WarroomStylized House Along RiverModular Stylized Cyberpunk StreetStylized Ice Dragon VillageStylized Perched ChurchStylized Desert MineStylized Sci-Fi Modern CityRetropunk Saloon Environment (Unreal Engine)Cyberpunk Kyiv Street EnvironmentChurch / Cathedral InteriorGothic Street1950s BusinessmanCyberpunk Billboards / Signs Set / 35 Unique Pieces ( Cyberpunk Billboards )Military Exterior PackClassic Sport Car 01Classic Car 02Classic Car 03SUV 03 DriveableFPS 4K Western Guns – VOL.3FPS 4K Custom Modern Handguns – VOL.4SFX Cyberpunk GunsVFX Explosion (Unreal Engine)Creating an Industrial Concept Art in Blender / PhotoshopCreating Abandoned Church 3D Environment in Unreal Engine 5Unreal Engine 5, Blender – Creating a Classroom EnvironmentSFX 1 Warzone (SFX)SFX 2 Soulslike (SFX)VFX 1 Warzone (VFX)Post Apocalyptic Melee Weapons VOL.1FPS 4K Custom Modern Shotguns – VOL.2FPS 4K Western Guns – VOL.2 (Unreal Engine)Stable EnvironmentIf you are looking at using the Unreal or Unity assets in another game engine, be sure to check out the following conversion guides: You can learn more about the Big Bang Unreal & Unity (and Godot) Asset Humble Bundle in the video below. Using links on this page helps support GFS (and thank you very much if you do!)

The developers of SnowRunner have combined its vehicular physics simulator gameplay with design elements from the building simulator genre, to bring us Roadcraft, a unique game that requires you to use an array of vehicles and construction machinery to do everything from clearing debris to rebuilding roads and laying cable. Road construction is a primary aspect of gameplay, and involves multiple steps: resource collection, logistical transport, route planning, and actual road building. While there is a very in-depth tutorial in-game that holds your hand every step of the way, there are a lot of nuances to road construction that you may not be aware of, and this RoadCraft guide has everything you need to know about those game mechanics. Scout Vehicle Selection The Scout is a critical vehicle for its scanning and winching capabilities, and while there are 7 to choose from, only 2 are available initially. Between these first two Scouts, the Armiger Thunder IV should be your preferred choice, due to its higher mobility and shorter wheelbase. Your eventual Scout vehicle should be the Tuz 119 “Lynx” which becomes available in the Deluge campaign for a price of nearly 25,000. The winch capability will come in handy as you clear debris to establish routes, and scan for terrain and objects. Field Recovery Vehicles These vehicles serve the purpose of behaving as spawn points for your other utility vehicles. This will be tremendously helpful in situations where you will require multiple pieces of equipment at a given location. Simply drive one of these to the work site such as a road construction objective, and you can simply spawn all task-related vehicles there, at the cost of Recovery Tokens. The free KHAN Lo “Strannik” Field Service Vehicle will more than suffice for this purpose, while also being equipped with a winch for manual towing. Equipment Transporters In the absence of fuel tokens, vehicle haulers can also be used to accomplish the task of manually delivering multiple vehicles to a work site. The Zikz 605E Heavy Equipment Transporter will be your preferred choice at a cost of 25,000, and will serve you well throughout the campaign. However, the Step 39331 “Pike” Light Equipment Transporter can function just as well, since it can use both its flatbed and its winch to haul two vehicles at a time, with maximum tonnage capability being the true limitation. Crane Trucks A great deal of what you will be doing in the game will involve picking stuff up off of the ground with a crane and placing it onto a flatbed for transportation. While you will be provided with two separate vehicles to accomplish this, it will be quite a tedious process especially for solo players. This is where the Mule T1 Cargo Crane Truck comes in immediately useful, at a price of 27,000. It will save you a great deal of time and effort over multiple instances in the campaign. Eventually, you will purchase better Craned vehicles, but the older ones will never use utility, as you can leave them in place at your various facilities to act as on-site loaders. In a pinch, Crane Trucks can serve as a winch vehicle for any situation that may arise. Road Construction Your AI convoys are going to get hung up on every little obstacle along their dirt path routes, and this is where good road building comes into play. Locate a quarry source for sand, and begin filling in the route with your loaded Dump Truck. Next, use your Dozer set to sand leveling or better yet, your Roller, to perform multiple passes in order to flatten the sand, with two passes being an absolute minimum. Be sure to proceed as slowly and carefully as you can on the second and further passes, listening carefully for audio feedback while traversing the route, which will sound different when traveling over fully flattened ground compared to slightly uneven terrain. A recommended method is to go down the center twice, once in each direction, in order to perfect the two ends. Then travel once along each side to spread the sand evenly, followed by a single final pass down the center again. Asphalt Paving Strictly speaking, asphalt paving is unnecessary in the vast majority of situations, unless required by mission objectives. However, if you do elect to pave all your roads, there are some important steps to take. The sand must be perfectly flattened, else the paving machines will frequently snag on unseen obstacles. One way to mitigate this, is to use the Paver while traveling in reverse. While this may seem odd, since the asphalt is deposited from the front and flattened by the rear, the game still allows it. An even better option is to hoist the Paver with a mobile Crane and float it low over the planned route, and then drive the Crane along the path instead, which is significantly faster and avoids physics bugs. Deploy the Roller next, and use the same leveling process as you do with sand: down the center once in each direction, then each side once, and one last time down the center again. Leveling Uneven Roads Failure to properly level the sand before laying down asphalt can lead to significantly large bumps in your roads. You can still recover from a situation like this without having to resort to using your Dozer’s Asphalt Destruction grader mode. Take your Roller out instead and perform multiple passes over the bump with it, and it will flatten out eventually. Plotting Routes For AI Convoys While creating routes for your transport vehicles to follow, be sure to set them along one side of the road rather than down the center. This will mitigate head-on collisions between AI traffic traveling in opposite directions, as their pathing can be quite poor. Also avoid placing an excessive number of waypoints wherever possible as this is interpreted as a direction change. While the vehicles will not get turned completely around, they can bug out and end up in an environmental hazard. Be sure to delete the routes once you have completed the related objectives and collected all of the rewards, in order to maintain a clean infrastructure map. That is everything you need to know about constructing proper roads in RoadCraft.

The Steam Deck changed the game for PC players, opening up a world of portability that was usually reserved for Nintendo fans. Naturally, manufacturers tried to follow suit with Windows-based handhelds and the results are, shall we say, mixed. Now, Valve has released official instructions for installing its SteamOS on devices other than the Steam Deck. Let's dive into how to do it—and whether you should.I should note up front: This is going to be a nebulous area when it comes to official support from the company that made your handheld. At time of writing, the Lenovo Legion Go S is the only handheld with the "Powered by SteamOS" branding (besides the Steam Deck itself), meaning it's officially supported with a final build. You can install SteamOS on devices like the Legion Go and the ROG Ally, but their support isn't final.Also, it should go without saying, but we'll say it anyway: If you wipe Windows from your handheld, you won't be able to play Windows-based games that aren't supported via SteamOS. That largely consists of online games that require anti-cheat software, but it's worth checking sites like ProtonDB to make sure your favorite games will work on SteamOS.Why should you install SteamOS on your Windows handheld?So, with the caveats out of the way, what are the upsides? Put (overly) simply, Windows is not designed for handhelds. In fact, under the hood, Windows tends to see your gaming handheld as a laptop. Right down to including things like Microsoft Teams that run in the background, or popping up alert boxes that interrupt your game to inform you of a low battery.Now that people are able to experiment with SteamOS and Windows on the same hardware, it's becoming clearer that Windows itself is a massive nerf to both frame rate and battery life. Even gaming laptops, which can often last all day for normal work, can struggle to get even a few hours of gameplay while away from a charger. That's why it's so important to tweak your settings for the best battery life.Gaming handhelds only make this problem worse with a smaller form factor, and thus a smaller battery. In my own experience, I've struggled to get two hours of playing a lightweight game like Stardew Valley from a Windows handheld, while the Steam Deck and even the Switch can get upwards of six hours or more.Since Windows is primarily designed as a desktop (and secondarily as a tablet) computer, it's also harder to tweak settings using controller inputs. What, exactly, is the controller equivalent of Ctrl+Alt+Delete again? While you can plug in a keyboard to dig around in your handheld's settings, it's just easier to do on SteamOS, since its interface has been built from the ground up for controller input.At this point, Valve has also shown that running Steam games via the Proton compatibility layer works so well that it's almost seamless. I admit, when the Steam Deck was first announced, I expected games to be broken or perform much worse than their native Windows counterparts. Four hundred hours in Hades II later, though, and it's clear that many games can actually run better on SteamOS than Windows.Step 1: Download and prepare a SteamOS recovery image USB stickWith all that out of the way, let's get started. To install SteamOS on your gaming handheld, you'll need two things: the SteamOS recovery image and a USB stick (preferably USB-C) with at least 8GB of storage. Make sure anything on that USB stick is properly backed up, because this process will reformat that device.The Steam Deck recovery image can be found here. It's a little over 3GB, so it might take a little while to download, depending on your connection. While you wait for that, you'll also need a utility to create the recovery USB drive. Valve recommends Rufus for Windows users, and Balena Etcher for Mac or Linux users. Once the recovery image is downloaded, use whichever tool you chose to write the recovery image to your USB drive. This process should be relatively straightforward. Rufus, for example, will present you with a dropdown to select which drive to write the file to under Device, and under Boot Selection, click Select to pick the recovery image file. Click Start and wait. Reminder: This will wipe the contents of your USB drive.Step 2: Disable Secure Boot on your handheldThis part can be a bit tricky, and the exact process will vary depending on which handheld you own. Valve has a breakdown of the steps here for a couple specific devices, like the Legion Go and the ROG Ally. However, other devices like those from MSI or Ayaneo will have their own process.In general, the steps will usually go something like this:Reboot to the bios. Similar to how you can hold Del or F2 on a computer while rebooting to get to the bios, your gaming handheld has a similar process. Often it's holding a button like Volume + while pressing the power button, but check your specific device's instructions if that doesn't work.Navigate to the Secure Boot settings. You may have to poke around for this one. Look for categories like Security, and you may need to switch to an Advanced settings mode or menu to find it. This setting should be called Secure Boot. Change this to Disabled.Save settings and restart your device. Once you've changed the Secure Boot setting, make sure to save the changes to your bios and restart.Depending on the device, you might have to use the touchscreen to navigate the bios, or even plug in a keyboard or mouse. Again, Valve has specifics for a couple of devices in the link above, but if you're lost, your device's manufacturer will be your best bet for getting specific instructions.Step 3: Boot using the SteamOS recovery image Credit: Eric Ravenscraft Once you've disabled Secure Boot, you can plug the USB stick into your handheld and restart the device. At this point, you should end up at a boot menu that lets you choose which drive to boot to. Once again, this process will sometimes differ by device, so if you're not sure how to get to the boot menu, check your device's documentation.When you get to the boot menu, select your USB drive with the SteamOS recovery image on it. This will take you to a SteamOS desktop environment. Here, you'll see four shortcuts on the desktop. The one we care about is labeled "Wipe Device & Install SteamOS". Give that a single tap (double-tapping will launch it twice, so be careful).At this point, you should see a warning that proceeding with this step will erase everything on your device. If you had any important game saves, media, or work files (for some reason) on this device that weren't already backed up, you can still bail on this process and reboot to Windows to save them. This is the point of no return, though. Make sure you're ready before moving forward.Step 4: Familiarize yourself with your new handheld's quirks Credit: Eric Ravenscraft The install process won't take too long, and when it's done, your handheld will restart and begin setup as though it's a natural-born Steam Deck. There are a few quirks, though. For example, in my testing on the Legion Go, the device tutorial pointed to the "Steam button" on the bottom-left side, but used the Xbox logo. In reality, the corresponding button was at the top-right, and had a Legion logo. It also pointed to a microSD card slot on the bottom of the device that doesn't exist.Unless you're using an official "Powered by SteamOS" device, prepare for some awkwardness while using the device. Aside from the tutorial, I found some games I wasn't able to install—pressing "Install" on Doom Eternal simply did nothing, for example—and it took some time to figure out which hardware buttons were mapped to which Steam Deck input.To my surprise, some things that I expected to be broken worked perfectly when I tested this. The Legion Go is unique in that its controllers can be detached, Joy-Con style, from the handheld. I expected them to be laggy or non-functional when I played with SteamOS, but they worked perfectly during a Hades II run—a game that isn't very forgiving of input lag.Your mileage can and will vary depending on what games you want to play and what hardware you want to run SteamOS on. Still, as we wait for manufacturers to more officially support SteamOS—or for Microsoft to make a proper handheld of its own—it's exciting to finally be able to have a choice in platform for these devices.

Category: ID@XboxMay 30, 2025 Eternal Evil Hits Xbox Series X|S – Vampires Grow Stronger with Your Blood Imad Khalil, Partner, Human Qube Eternal Evil is a first-person survival horror game that captures the spirit of the genre’s roots. With two playable characters, limited resources, and a city on the edge of collapse, players must think fast, aim carefully, and survive the night. In Eternal Evil, Every Mistake Fuels Your Enemy Vampires don’t just attack – they feed. If you let them get close, they’ll grow faster, tougher and harder to kill. This survival horror FPS turns every encounter into a choice: strike first, or be bled dry. At the core of Eternal Evil is its “feeding mechanic” – the longer a vampire is on you, the stronger it becomes. What starts as a basic fight can quickly become a deadly chase if you hesitate. You’re not just trying to survive. You’re managing your own downfall. Every Bullet Matters Combat is slow, deliberate, and brutal. Ammo is scarce. Headshots are everything. You won’t blast through hordes – you’ll count every round and pray you brought enough. The game demands tight inventory management, attention to detail, and preparation. Puzzles are embedded in the environment. There are no glowing objectives or quest markers. Progress comes from observation, not hand-holding. Two Storylines. One Outbreak. You’ll play as two characters: detective Hank Richards, locked inside a hotel during the first wave of infection, and his ex-military ally Marcus, navigating the city from the outskirts. Each path reveals a different part of the story – and only one of them makes it to the end. Environments shift from cramped hallways to burned-out streets and abandoned facilities. Enemy placement and pacing are designed to keep tension high throughout both campaigns. No Shortcuts, No Hand-Holding There are no tutorials. No mini-maps. No regenerating health. Eternal Evil respects your ability to adapt – and punishes those who don’t. If you’re stuck on a puzzle, an optional item allows limited auto-solves – but nothing comes free. Everything in Eternal Evil has a cost. Pure Survival Horror Eternal Evil doesn’t chase spectacle. It builds fear through restraint. Minimalist UI. Cold, comic-style cutscenes. No noise – just tension. This is what defined the golden age of survival horror: constant pressure, deliberate pacing, and the kind of dread that doesn’t let go. Eternal Evil is now available on Xbox Series X|S. Eternal Evil Axyos Games ☆☆☆☆☆ 4 ★★★★★ $19.99 Get it now In Eternal Evil, you'll immerse yourself in a dark, blood-soaked atmosphere filled with terrifying enemies and a gripping, mysterious storyline. Armed with a diverse arsenal of firearms, you'll experience realistic shooting mechanics as you battle evolving ghouls. The game challenges you with intricate puzzles. As you explore diverse and immersive locations, you'll manage your inventory carefully, all within a classic survival-horror experience. The game also features a physics-based damage system, allowing for enemy dismemberment, adding to the intense and visceral horror. Fans of traditional survival-horror gameplay—featuring tight corridors, limited resources, and a constant sense of dread—will feel right at home. The experience pays homage to the golden age of the genre with a modern edge, offering methodical combat, strategic exploration, and a deeply atmospheric world. Related Stories for “Eternal Evil Hits Xbox Series X|S – Vampires Grow Stronger with Your Blood” Category: Next Week on XboxNext Week on Xbox: New Games for June 2 to 6 Category: ID@XboxA Little Roguelike Fun: Cryptmaster’s Deckbuilder in the Anniversary Update Category: ID@XboxGet Connected: Indie Selects for May 2025 The post Eternal Evil Hits Xbox Series X|S – Vampires Grow Stronger with Your Blood appeared first on Xbox Wire.

Project Files: https://www.patreon.com/posts/130382908 . This is the 5th part of the rappel system in Unreal Engine 5 tutorial. In this system, we can place objects in the level that represent rappel points and player can attach a rope/rappel onto these points and climb up or rappel down along vertical walls. When rappel up, once player reach the top of a wall and if up/forward movement input is pressed, the character will climb up the wall and stand up. If player reach the bottom of the wall, or any time at the middle, player can release the rope and fall on the ground. In this episode, we will work on how to move to sides on the wall while hanging on the rope. So, player will be able to travers horizontally for a limited distance while on rope. ► 👇 𝐒𝐮𝐩𝐩𝐨𝐫𝐭 𝐓𝐡𝐞 𝐂𝐡𝐚𝐧𝐧𝐞𝐥 // 𝐁𝐞𝐜𝐨𝐦𝐞 𝐀 𝐏𝐚𝐭𝐫𝐨𝐧! https://www.patreon.com/codelikeme ►Patrons will have access to project files of all the stuff I do in the channel and other extra benefits Join this channel to get access to perks: https://www.youtube.com/channel/UClb6Jh9EBV7a_Nm52Ipll_Q/join Like my facebook page for more content : https://www.facebook.com/gamedevelopersclub/ Follow me on twitter : https://twitter.com/CodeLikeMe2 Follow me on reddit : https://www.reddit.com/user/codelikeme #CodeLikeMe #unrealengine #ue5 #ue4 #indiegamedev