Skip to main content

Hey everyone,

I’ve been working on some design concepts for the mobile experience of Super Bear Adventure, focusing mainly on how to adapt its 3D platforming mechanics into a smooth and touch-friendly UI/UX prototype in Figma.

One of the main challenges has been translating the console-like feel of movement, collectibles, and interactions—things like jumping, attacking, talking to NPCs, and navigating open-world levels—into a layout that feels natural on mobile. I’ve been experimenting with interactive components for virtual joystick placement, customizable action buttons, and smooth transitions between menus like character customization, map navigation, and inventory, and I’m also referencing tools like the (Super bear adventure by earthwak games).Getting these interactions to feel seamless (especially for layered elements like pause menus, dialogue boxes, and camera controls) has been tricky.

I’m curious if anyone here has worked on platformer-style mobile UI in Figma before. How do you handle controls that require both precision and fluidity, like double jumps or quick attacks, while still keeping the HUD uncluttered?

Also, I’d love plugin or workflow suggestions for simulating in-game mechanics—things like drag-to-move joysticks, animated coin counters, or toggleable camera perspectives that mimic gameplay flow.

Any shared insights, examples, or even quick tips would be super helpful as I refine the prototype. Thanks in advance!

Be the first to reply!

Reply