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
Woah! If you're developing an Expo app, you can ask Claude Code to push the design from app to Figma!
I was working on a live widget design with Claude but I needed to iterate details on my own. I just asked Claude if it could push the live widget design to Figma and it did!
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
Related posts
Title: Nexa Electronics: Premium E-Commerce Website with Interactive 3D Exploded Views
Description:
Nexa Electronics is a demo e-commerce website I designed and built to show my skills in modern web design, front-end development and interactive 3D experiences. This video is a walkthrough of the site.
What’s in the video
The home page, with a cinematic hero section and a 3D device showcase
Browsing by category: Smartphones, Laptops, Audio, Gaming, Smartwatches, Smart Home and Accessories
Product pages with configuration and colour options, a zoom inspection view, pricing, stock status and customer reviews
The interactive 3D exploded view (“Explore Inside in 3D”), where you can take products apart layer by layer to see their internal components
Quick View, the device comparison matrix, the shopping bag and a full checkout flow (shipping details, payment, order review and confirmation)
Customer sign-in and an admin dashboard for managing the store
Website features
Interactive 3D exploded views of products, with labelled internal parts and an explode slider
A mega-menu navigation and fast category browsing
Product configuration (storage and colour variants) with live pricing
Wishlist, compare and shopping bag functionality
Device comparison matrix
A simulated checkout with order confirmation
Customer accounts (sign-in)
An admin dashboard with store stats and inventory and price management
A newsletter signup section
A toggle to turn the 3D experience on or off
A responsive, dark and light themed premium UI
Note: I made this video with the help of AI, and it is just a demo to show my skills. To see my work properly, I recommend visiting the live website here: https://nexaelctronics.netlify.app/
Thanks for watching. I’m open to freelance projects, so get in touch if you’d like something similar built for you.
The dark theme and 3D device views look sharp.
Is your Figma file ready for the build?
Before I start a Webflow or Framer build, I run the design file through this checklist. Every missing item becomes a guess during development, and guesses become revisions.
• Components with variants, not copied frames
• Text styles for every heading and body size
• Colors and spacing saved as variables
• Auto layout on every frame
• Desktop, tablet and mobile frames
• Real content instead of lorem ipsum
• Notes for hovers and interactions
When all seven are in place, the build moves faster and the live site matches the design.
If a file isn't there yet, I close the gaps with the designer before the build starts, not halfway through it.
Which of these is usually missing from the files you receive?
Hover and interaction notes are the ones I see missing most.
spent all day designing an app icon.
