Shivangi Dubey

Animar un cambio de interfaz de usuario día-noche en Figma: interfaz interactiva en Figma

Hi again , Thanks for the guidance. I was able to make the interaction much better

I am glad to help you, Sharath :) Let me know if anything else.Have a great day ahead

I really enjoyed the updated version. Its really awesome.

Hi, I really love the design of your buttons. Its great!! andRegarding the push down animation effect and sliding effect of the button. I will suggest to switch to lesson number 4 - Design the Night button - of the class. There you will find it step by step. Also, as a quick guide:1 . Drag and duplicate the first button on screen.2. Hold shift from the keypad and select your clouds as I can see you have used clouds in both day and night. So I suggest you can drag them to other side and place them as it is and just recolor them.3. Similarly drag the sun ball to other side in your night button and then recolor add the small spots and details of moon. I hope, this will work and help you to achieve your desired outcome.  If still any more questions or suggestions, please right to me here, I would love to check it upon and help you with it.

Ahh , ok ill try it out and update here soon

Im a beginner , so i was unable to figure out the cloud moving in and out of the button frame. Please help
<img srcset="https://static.skillshare.com/uploads/discussion/tmp/c5d8c518.gif 600w, https://static.skillshare.com/uploads/discussion/tmp/c5d8c518.gif 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/discussion/tmp/c5d8c518.gif" loading="lazy" alt="Attempt at the same - image 1 - student project">
 
Update:- I was successful able to accomplish the results , Thankyou for the guidance
<img width="577" height="411" srcset="https://static.skillshare.com/uploads/discussion/tmp/b620578f.gif 600w, https://static.skillshare.com/uploads/discussion/tmp/b620578f.gif 1000w" sizes="(max-width: 600px) 600px, 100vw" src="https://static.skillshare.com/uploads/discussion/tmp/b620578f.gif" loading="lazy" alt="Attempt at the same - image 2 - student project">

Attempt at the same

Empresa

Work With Us

Enseña con Nosotros

Tienda

Móvil