Design This ON/OFF Toggle in Figma (Easy)

Design This ON/OFF Toggle in Figma (Easy)

Shmelt studios

1 год назад

203,879 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Waruchan
Waruchan - 14.09.2023 03:23

its amazing!!

Ответить
Tape 6ixteen
Tape 6ixteen - 12.09.2023 06:48

Please make more tutorials like this.

Ответить
Milanz
Milanz - 12.09.2023 04:40

Developer be like:

Ответить
wiz wizington
wiz wizington - 08.09.2023 21:58

i have no idea what figma is but that toggle looks awesome

Ответить
Usman Faisal
Usman Faisal - 08.09.2023 18:38

the clip content thing isnt working

Ответить
Seema Naik
Seema Naik - 05.09.2023 10:26

Hey can u share the color Scheme's

Ответить
Aniket Bhosale
Aniket Bhosale - 03.09.2023 17:51

@shmelt studios I have gone through several different videos for animation but yours was the best.

Ответить
Fel
Fel - 02.09.2023 20:33

My "change to" is not available in prototype mode, I have no idea why

edit: I had to make the component into variants instead of making it into just 1 like was shown on the video.

Ответить
Rakshitha Dilshan
Rakshitha Dilshan - 30.08.2023 17:38

your are an enemie to the developers.😂

Ответить
Роман Соколов
Роман Соколов - 30.08.2023 09:27

You say it's too late to make it but is it too late to try🎶

Ответить
Shwetha Rao
Shwetha Rao - 29.08.2023 21:50

Hi.. I could do this until 8.35min after that I m badly stuck! Need help so that I can finish this amazing tutorial!

Ответить
Shanzey Fayyaz
Shanzey Fayyaz - 25.08.2023 12:57

at this time stamp like mine just won't clip like them and also when I click the sun and moon frame just like them but also my cloud front back also got selected? how to solve this one any one have any idea !

Ответить
Anastasiia Zhurakovska
Anastasiia Zhurakovska - 22.08.2023 19:24

One of the most helpful tutorials I've ever seen. Thank you so much!

Ответить
boogiedesignco
boogiedesignco - 22.08.2023 11:16

I'm a graphıc designer who wants build up uı/ux design career. Your explanation makes it easier to understand tools thank u :)

Ответить
Enrique Ruiz
Enrique Ruiz - 21.08.2023 19:38

😍

Ответить
ATROCITUS
ATROCITUS - 21.08.2023 02:48

now what is the job of a front end developer with this on/of toggle you just created ?

Ответить
Lucifer Gamer
Lucifer Gamer - 13.08.2023 23:31

how can we convert this into code

Ответить
mai elsohaby
mai elsohaby - 13.08.2023 16:14

i have a problem framing them,after clicking "clip content" it doesnt work.anyone has an idea how to fix that?

Ответить
Online Aid
Online Aid - 11.08.2023 03:19

Bad design

Ответить
Supratim Chakraborty
Supratim Chakraborty - 09.08.2023 18:26

People like you is the curse in ux field

Ответить
Neel Patel
Neel Patel - 07.08.2023 17:01

hello sir i just want to know is your figma is free or Figma Professional ?? because in my figma it does not support whole features of animation... that's why i did not make this project very properly.........
( i hope you replay on this comment👏love from india❤)

Ответить
Jaweria Sultan
Jaweria Sultan - 30.07.2023 14:54

Amazing. Now can someone help on how to paste this onto a different frame and complete an interaction?

Ответить
Abhishek Pratap Singh
Abhishek Pratap Singh - 30.07.2023 11:11

As soon as I click "Clip Content" only the shadows disappear, not the whole moon..

Ответить
Nancy LAN
Nancy LAN - 27.07.2023 21:50

Thank u for sharing this wonderful tutorial. But, I came across a problem. When toggling from Moon to Sun, a very bright bevel would appear under the sun. I found this problem would happen after adding the shadow. But I don't know how to fix it😵

Ответить
top 1107
top 1107 - 26.07.2023 11:04

Awesome tutorial :-) But I have problem that is third elipse doesn't work draw inside rectangle

Ответить
Alesharr
Alesharr - 21.07.2023 02:47

como le hago para que cambiar el tamaño del componente

Ответить
Eng Heng Yeo
Eng Heng Yeo - 19.07.2023 09:51

AMAZING

Ответить
Rekha Shetty
Rekha Shetty - 18.07.2023 14:47

How did you grab eclipses 1,2,3 I'm not able to do it can you suggest the key

Ответить
hahaacademy
hahaacademy - 18.07.2023 07:08

I LIKE YOUR TEACHING METHOD , love from pakistan

Ответить
Nathan Miroshnikov
Nathan Miroshnikov - 17.07.2023 16:45

I met a problem with animation. When I pushed `clip content` it cutted parts of sun and moon shadows. Okay, it's still fine but then something happened to my animation. Son goes under the moon and then appears from under the moon. How do I fix it? Thanks for answering!

Ответить
MohamadMahdi Tajkarimi
MohamadMahdi Tajkarimi - 09.07.2023 11:39

i created🤩🤩

Ответить
SoulxSlayer Chan
SoulxSlayer Chan - 06.07.2023 03:32

Came here from the memes

Ответить
Rahul R. Lata
Rahul R. Lata - 04.07.2023 13:45

please share all the colour hex codes which you have used

Ответить
Amandha Neto da Silva
Amandha Neto da Silva - 28.06.2023 21:02

it seems so complicated before we see.

Ответить
Luis Perez
Luis Perez - 27.06.2023 00:39

I always set it to 69 kevin laugh

Ответить
TheShortsMatrixX
TheShortsMatrixX - 26.06.2023 22:37

i am subed

Ответить
Muhammad Asad
Muhammad Asad - 25.06.2023 10:51

Please make more tutorials like these, we love to watch these kind of tutorials.

Ответить
H4KV
H4KV - 22.06.2023 17:56

🤡🤡thank u, i'm front end developer, how am i going to do this now? hahaha

Ответить
bluePlaying
bluePlaying - 20.06.2023 20:10

Hi! Thank you for this tutorial
But I came across a problem, the color and animation disappear when you move the mouse away and a small part of the icon remains a gray void, the mechanism also works with a delay, is there a problem with the design or do I need to fix something in the mechanism?

Ответить
Jithmi Alwis
Jithmi Alwis - 20.06.2023 13:32

thank you for the tutorial, everything is very clear. But my ' change to' option in the animation panel is freezed and can't be used. Any idea how this can be released?

Ответить
Kalvin Patel
Kalvin Patel - 14.06.2023 18:08

This is next level. I’ll practice this

Ответить
surya prakash
surya prakash - 14.06.2023 15:10

Amazing bro

Ответить
Karina Carvalho
Karina Carvalho - 13.06.2023 20:40

When I put the moon inside the Sun and Moon frame it disappears! The positioning of layers is correct... I don't know why this is happening...

Ответить
Ben Majkut
Ben Majkut - 09.06.2023 06:42

Bro is god of figma

Ответить
Achmad Ichzan
Achmad Ichzan - 08.06.2023 06:01

I watch this as meme

Ответить
Agus Aris
Agus Aris - 02.06.2023 09:20

I found the designer vs developer meme template. Nice work!

Ответить
Grass-fed Butter
Grass-fed Butter - 02.06.2023 08:48

Very well structured and easy to follow. I like how you voiced over every steps so I didnt have to go back and fort to check visually but just listening to your voice instead. Thank you so much, SUBBED!!!!!!

Ответить
Danish Hameed
Danish Hameed - 02.06.2023 00:10

nice design

Ответить
Redana C
Redana C - 29.05.2023 00:46

Wowowowowow i love it loveit i intend to use it in any app i code thankssssss

Ответить