Figma to Flutter: High-Fidelity Supplement App UI I recently wrapped up converting this sleek, mo...

Figma to Flutter: High-Fidelity Supplement App UI I recently wrapped up converting this sleek, mo...Figma to Flutter: High-Fidelity Supplement App UI I recently wrapped up converting this sleek, mo...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Hasibol Hoda Inu

• Jan 17

Figma to Flutter: High-Fidelity Supplement App UI

I recently wrapped up converting this sleek, modern health & wellness UI from Dribbble/Figma into a Flutter application.

This project focused on maintaining the vibrant aesthetic while ensuring smooth performance and pixel-perfect accuracy.

Complex Layouts: Leveraged Stack and Positioned widgets to achieve the overlapping product bottle effect and floating action buttons.

Precision UI: Focused on custom BorderRadius configurations and subtle BoxShadows to mirror the depth and "soft-card" feel of the original design.

Looking to bring your Figma designs to life with Flutter?

I specialize in turning complex, high-end designs into performant mobile applications.

Check out my portfolio and let's discuss your next project! . https://hodainuu.web.app/

Dart Figma Flutter Android Development Flutter Development

Hasibol Hoda Inu

• Jan 17

Meet the Designer -> Bogdan Nikitin

dribbble.com

Bogdan Nikitin

Bogdan Nikitin | I work at Nixtio - your digital experience partner. In the game from 2010 we turn ideas into amazing projects. We’ve been dedicated to helping each of our 500+ partners, ranging from small & medium-sized businesses to enterprises like HP, Youtube, Toyota, MIT Dubai, Lenovo & Dribbble. We are a full-cycle agency ready all set to assist you with: • Branding & logo design • Product design • Web & App design • Development • Illustrations • 3D • Motion design We have relevant experience in this industries & niches: SaaS, CRM, Dashboard, eCommerce, Healthcare, Real Estate, Crypto, Fintech, Social Media, Education, Sports & Fitness, Gambling & more. Did you appreciate our work? We’re excited to do even better for you! | Connect with them on Dribbble; the global community for designers and creative professionals.

Munzir Kareem

pro

• Jan 17

Looks good mate!

Hasibol Hoda Inu

• Jan 18

Thanks mate

Hasibol Hoda Inu

• Jan 18

codes :- https://github.com/Hasibol-Hoda-Inu/Supplement-App-Ui

Praveen Kumar

max

• Jun 6

Embroidery branding design over different texture. This would look so cool with the right methods.

Midjourney Claude Figma

Muyideenaliyah Ayomide

• Jun 6

Great work 🔥

Gui Seiz

• Jun 5

The Config Makeathon is officially live! There is $100,000 worth of prizes on the line. Check out the guidelines here and this guide for maximizing your AI credits in Figma. There won’t be additional free AI credits provided again, so use them wisely! The challenge runs from now through June 18th at 11:59pm PST. Can’t wait to see what you make.

configmakeathon Figma

Oleksandra Marchenko

pro

• Jun 6

For the #CapCutDesignStudio Challenge, I created 𝗖𝗮𝗽𝗖𝘂𝘁 𝗩𝗶𝘀𝗶𝗼𝗻 — a concept that reimagines CapCut as a wearable technology company 💎

[𝗗𝗶𝗿𝗲𝗰𝘁𝗶𝗼𝗻 𝗔] 𝗖𝗮𝗽𝗖𝘂𝘁 𝗮𝘀 𝗮 𝗗𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝗜𝗻𝗱𝘂𝘀𝘁𝗿𝘆

CapCut Vision transforms CapCut from a video editing platform into an AI-powered smart eyewear ecosystem designed for the next generation of creators. CupCut Vision allows creators to capture moments, transform them through AI, and instantly share them with the world.

I was inspired by CapCut's mission to make creativity accessible to everyone, and I imagined a future where capturing, editing, and sharing content happen as one seamless experience.

[𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗢𝘃𝗲𝗿𝘃𝗶𝗲𝘄] For this submission, I developed: • Brand Concept • Visual Identity System • Product Design Language • Smart Glasses Design • Packaging Experience • Creator Ecosystem • Presentation Deck

[𝗪𝗼𝗿𝗸𝗳𝗹𝗼𝘄] To demonstrate my workflow, I also included: • Recording of the entire creation process • Brand Concept Presentation • Complete Design Studio chat history

[𝗠𝘆 𝗘𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲] ❤️ One thing I genuinely enjoyed while working on this project was how intuitive CapCut Design Studio felt ❤️

I realized that great results don't necessarily come from writing perfect prompts. Most of my process involved combining references, exploring visual directions, refining ideas, and iterating creatively. Design Studio made it easy to move from inspiration to concept development and final presentation within a single workspace 🔥🔥🔥 [𝗗𝗲𝘀𝗶𝗴𝗻 𝗦𝘁𝘂𝗱𝗶𝗼 𝗙𝗲𝗮𝘁𝘂𝗿𝗲𝘀 𝗨𝘀𝗲𝗱]

Throughout the project, I used Design Studio for inspiration gathering, visual exploration, product ideation, branding, packaging concepts, and ecosystem development.

Thank you to the CapCut team for creating a platform that encourages experimentation, creativity, and exploration 🫶 [𝗟𝗶𝗻𝗸𝘀] CupCut Design Studio Chat History: https://www.capcut.com/ai-design?shareId=7647947968217202695 Brand Concept Presentation: https://www.figma.com/proto/reTVCLZxw73WBxxaJOePS0/CAPCUT-VISION?node-id=1-285&viewport=701%2C169%2C0.02&t=Z6lxfa2Fi8czJOxo-1&scaling=contain&content-scaling=fixed&page-id=0%3A1 Video explainer (the same as attached): https://docs.google.com/videos/d/1SSDBHyguM5hNoItyjONVOOouXbL54xgNCdo3w-8jDv8/edit?usp=sharing

If you like this concept and the work behind it, I’d be incredibly grateful for your support. Every like, comment, share, or vote means a lot. Thank you! 🙌

capcutdesignstudio AI VIsual Designer UI Design CapCut Product Design

Hyperactive Course

• Jun 6

Amazing concept! 💜 I really like how you reimagined CapCut as a wearable tech brand

My favorite part is the AI ecosystem around the glasses. Curious, which part of the project was created first, the eyewear design or the ecosystem idea behind it? 👀

Back to feed

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Challenges

View all

Config Makeathon

$100K6d left

Trending

Claude

Claude has entered the design space. How are you using Claude Design?

Contra University

Learn from expert creatives how to earn more using next-gen AI tools.

MagicPath

The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?

creativeaiflow

Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?

freelancerlife

Freelancer life is wins, pivots, and everything in between. What’s yours right now?

Praveen Kumar

max

• Jun 6

Embroidery branding design over different texture. This would look so cool with the right methods.

Midjourney Claude Figma

Muyideenaliyah Ayomide

• Jun 6

Great work 🔥

Gui Seiz

• Jun 5

configmakeathon Figma

Oleksandra Marchenko

pro

• Jun 6

For the #CapCutDesignStudio Challenge, I created 𝗖𝗮𝗽𝗖𝘂𝘁 𝗩𝗶𝘀𝗶𝗼𝗻 — a concept that reimagines CapCut as a wearable technology company 💎

[𝗗𝗶𝗿𝗲𝗰𝘁𝗶𝗼𝗻 𝗔] 𝗖𝗮𝗽𝗖𝘂𝘁 𝗮𝘀 𝗮 𝗗𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝗜𝗻𝗱𝘂𝘀𝘁𝗿𝘆

I was inspired by CapCut's mission to make creativity accessible to everyone, and I imagined a future where capturing, editing, and sharing content happen as one seamless experience.

[𝗪𝗼𝗿𝗸𝗳𝗹𝗼𝘄] To demonstrate my workflow, I also included: • Recording of the entire creation process • Brand Concept Presentation • Complete Design Studio chat history

[𝗠𝘆 𝗘𝘅𝗽𝗲𝗿𝗶𝗲𝗻𝗰𝗲] ❤️ One thing I genuinely enjoyed while working on this project was how intuitive CapCut Design Studio felt ❤️

Throughout the project, I used Design Studio for inspiration gathering, visual exploration, product ideation, branding, packaging concepts, and ecosystem development.

If you like this concept and the work behind it, I’d be incredibly grateful for your support. Every like, comment, share, or vote means a lot. Thank you! 🙌

capcutdesignstudio AI VIsual Designer UI Design CapCut Product Design

Hyperactive Course

• Jun 6

Amazing concept! 💜 I really like how you reimagined CapCut as a wearable tech brand

My favorite part is the AI ecosystem around the glasses. Curious, which part of the project was created first, the eyewear design or the ecosystem idea behind it? 👀