Tutorial Animasi Text Field dengan Smart Animate di Figma

[@diana_bird]

So clear considering I didn't understand a word haha. Thanks! :D

[@MasKukuhAldy]

Lol thanks

[@rekiallard77]

Keren bang, Hebat lah pokoknya. Tapi selalu untuk rendah hati dan tidak sombong, karena sifat seperti itu akan membawa kepada kebinasaan. Terima Kasih.

[@MasKukuhAldy]

Siap trimakasih

[@adnanabdulazis7840]

Mas haturnuhun... terus buat tutor figmanya mas sangat bermanfaat dan membantu

[@MasKukuhAldy]

Sama samaa

[@kesehatanjasmani1244]

Makasih mas, saya mau belajar Figma. Terima kasih karena mas mengajari lebih detailed.

[@VictoriaPereyraNario]

This was so useful, thank you! It's pretty clear even though I dont understand what you are saying xD

[@MasKukuhAldy]

Thank you! I’m glad you can follow my turorial 😆🙌

[@kevingaming1066]

Keren,, singkat, padat dan memotivasi.. Thanks brother

[@MasKukuhAldy]

Sama samaa

[@haswasnthere]

@@MasKukuhAldy Dimengerti banget, tadi guru gue ngjelasin aja aduhh gak ngerti apa yang die ngomong.. dicontohin juga cuma sekali dua kali 😂
jempol deh buat mas kukuh👍👍👏👏

[@rizalabdjul17]

terimaaahh kaasiiiih banyak mas kukuh
sangat2 membantu dan bermanfaat sekaaaliiiii

[@MasKukuhAldy]

Moh.Rizal lahmudin sama2 mas. Smngat mncobaa

[@kumaid6481]

Wah aku suka sekali video nya mas kukuh aldyanto dari tutor nya sangat jelas banget makan nya aku klik tombol like nya 2x mas.
Hehehe canda bang😂

[@MasKukuhAldy]

Di klik 2x gajadi like dong wkw. Makasih mas 🙏🙏

[@kumaid6481]

@@MasKukuhAldy ditunggu tutorial selanjut nya mas

[@loveadrenaline3007]

Terima kasih Kak, sangat membantu tugas saya

[@Hghazli56]

Thank you! Saved alot of time with this.

[@jonjon296]

Thank you for this! I don't understand your language but I understand what you did!

[@MasKukuhAldy]

Haha glad to hear!

[@vishnupanchal6215]

Subtitle could have increased the reach of the video but great stuff

[@msyn5631]

Makasih tutornya abng🙏🏽

[@tanpanama88_]

Mantap kak. .ini bru nemu chanelx. .knpa bkn dari dlu

[@CVZification]

thanks banget mas, sekalian minta doa buat skripsi saya lancar wkwk

[@killuasatoru7]

Amin

[@luthfiariyandi5124]

kereen bang, sangat membantu 🙏🏻

[@tthinh_lee]

this was useful!!! But can you put the subtitles in your video so more people will understand what you say!! Thank you

[@yusrilfirman.design]

Termia kasih banyak mas kukuh

[@MasKukuhAldy]

sama samaa

[@kocka2511]

Makasih udah ngebantu

[@ijproject]

kak, ko pas saya klik detach instace hurufnya pada ilang ya? mohon pencerahannya 🙏

[@shafiranurrachmah1836]

halo ka apakah suda bisa muncul? kalo udh gmana ya cara ngatasinnya, saya jg seperti ini soalnya🙏

[@ijproject]

@@shafiranurrachmah1836 aduh udh lupa mba caranya, pokoknya saya coba ulang lg dari awal ngikutin yg di tutor sm cari referensi lain alhasil bisa

[@salmanfirdaus6890]

​@@shafiranurrachmah1836 bantu jawab mbak saya barusan bisa be e masih bermanfaat hehe, itu fontnya diganti 1 - 1 karena itu fontnya ga ada jadi harus diganti, cmiiw

[@yudimarris3119]

mantabb kali bang

[@ardy4969]

jenius mas..

[@MasKukuhAldy]

😆🙏

[@fazilasurya6158]

pas keyboardnya di detach instane kok hilang hurufnya???

[@decodeco9037]

saya ikutin tutorialnya pas menit 01:56 saya klik duplicate tapi tampilan "al symbols" gak ada. adanya cuma "SF symbols". mohon pencerahanya pak

[@muhammadainal1523]

bang mau tanya cara memunculkan animasi di prototype gmna caranya yaa, kok saya gk ada bang, mohon ilmunya bang🙏🙏🙏

[@kamaximuxa]

Thank you,save my life

[@syafiqramadhan4310]

Ijin tanya mas, waktu klik kanan keybord kemudian detech instance font nya ko pada ilang ya?

[@shafiranurrachmah4786]

maaf mas udh muncul blm ya text yg ilang nya, saya jg kaya gitu soalnya kasusnya

[@syafiqramadhan4310]

@@shafiranurrachmah4786 masih ilang kak sama, blm tau cara ngakalin nya

[@salmanfirdaus6890]

@@syafiqramadhan4310 bantu jawab mbak/mas saya barusan bisa be e masih bermanfaat hehe, itu fontnya diganti 1 - 1 karena itu fontnya ga ada jadi harus diganti, cmiiw

[@fabiputra4000]

Pindah ng figma ae wes lek ngunu aku wkwkw kyok e luwih apik

[@MasKukuhAldy]

😆😆😆

[@lonelykuro5731]

Mantap Tutornya !

[@MasKukuhAldy]

Trimakasii 🙏🙏

[@ZahiraPutri-ki4er]

ka di keyboardnya kan aku mau detach instance, itu setelah di klik ko huruf yang di keyboard malah ilang ya?

[@Movie_id74]

Kak buat konten lagi dong k tentang figma gimna menghasilkan dari figma dan yg di jual tu apa aja 🎉

[@MasKukuhAldy]

Okee ditunggu yaa

[@Elophantsid]

makasihh mas hehehe

[@MasKukuhAldy]

Masamaaa 🙌

[@SekarKnnty]

Halo kak, kak klo untuk animasi text field di frame desktop wireframe bagaimana? 🙏

[@nabillaratusyakila939]

bang mau tanya, kenapa ya pas pilih frame iphone atau yg lain pas di coba dan di share malah jdi ngscroll gitu. jdi ga tetap kyak yg divideo

[@wayansusanto14]

Terima kasih banyak mas

[@MasKukuhAldy]

Sama samaa 🙌

[@farisyaf2616]

Thank you so much!

[@herri0406]

keren

[@AristaFN]

kenapa pas detach instance hurufnya paa ilang ?

[@najibhamam]

Sama 🫠, udah nemu solusinya sekarang?

[@bernadsuper2719]

terpaksa harus sucreb and lek dahh kaloo gini mahh
sangat bermanfaat
btw pake Figma internet harus cepat ya gan?

[@nandydinilhaq8295]

masa terpaksa 😂

[@MasKukuhAldy]

Haha jgan trpaksa dong gan. Ga harus cepet kok, asal stabil. Saya inetnya cm 5mbps

[@bernadsuper2719]

@@nandydinilhaq8295 bercanda bro 🤣

[@husnulhadihadi8446]

kok sya gak muncul all symbol ya di iphone ui kit itu bang? cuman ada color, typographi, SF symbol

[@gowesvlog]

Mas Kukuh, pakai software screen recorder nya apa ? camtasia win ? atau screenflow mac ?

[@MasKukuhAldy]

Bandicam

[@gowesvlog]

Oke, terimakasih mas

[@gowesvlog]

@@MasKukuhAldy Keystroke nya bisa record, gimana cara nya mas ?

[@MasKukuhAldy]

Pake aplikasi lain lg mas, Carnac namanya

[@gowesvlog]

carnac atau key pose ?

[@devinadams4637]

Permisi mas, kenapa di saya tidak ada animasi keyboard masuk dari bawah ya? keyboardnya cuma fade in gitu tidak seperti di video

[@sanjibsarkar1599]

Please allow CC on your video.... I cant understand your language

[@namandco.3d882]

Thanks

[@prozoroviy]

Cool 👍

[@MasKukuhAldy]

Thanks!

[@katerinak5997]

Hi, thank you for a video, can you please make a video how to make an animation of input by clicking buttons on keyboard of smartphone, please.

[@marcoskrasno]

That'd be a lot harder, as you have to animate every key. This dude did if for they keyboard but it really doesn't make a lot of sense in a prototype that you'd be showing an idea of an app and its usage. www.figma.com/community/file/823180444425004744

[@firhanthalib6943]

Kalo cara share hasil prototype figma kita ke sosmed misal instagram bisa ga bang?

[@MasKukuhAldy]

Bisa aja, discreen record mas

[@firhanthalib6943]

@@MasKukuhAldy screen record yang mas pake apa mas?

[@MasKukuhAldy]

Bandicam

[@marcoskrasno]

Thanks!!

[@mallikkruzamidiwinata2446]

allhamdulilah bisa bang wkwk, trus cara pgn share prototype nya ke socmed gmn ?

[@MasKukuhAldy]

Di rekam layarnya mas

[@basiit_abdul6391]

Julid desain mas😅

[@MasKukuhAldy]

Haha sabar ya, julid desain agak lama bkinnya soalnya

[@Ricoyuhuu]

hi , kenapa saya saya klik detach intance setelah itu huruf2nya gak kebaca ya ? kemudian saya utak atik lagi huruf yang tidak kebacanya saya mainkan warna nya tidak muncul juga . mohon bantuan mas

[@MasKukuhAldy]

Aduh agak susah ya kalo cuma lewat text gni mau bantu juga bingung

[@Ricoyuhuu]

@@MasKukuhAldy sudah saya duga mas, mas akan bilang seperti itu haha gmn ya mas? Biar sama sama lihat? Link kah?

[@chyrdhnd]

mas kukuh LInk UI kit figma nya gada di deskripsi :(

[@syifamustika4415]

Mas izin bertanya, apakah bisa mengganti frame saat sudah jadi. Awalnya saya menggunakan frame ukuran android, sekarang mockupnya sudah jadi. apakah bisa saya mengganti ukuran frame menjadi iphone tanpa mengubah isi didalam mockup?? terimakasih.

[@MasKukuhAldy]

Kalau dari awal bikin elemen2nya pake auto-layout bisa, tinggal dibesarkan. Kalo engga ya harus ditata manual lagi

[@satriodzilhaq6765]

mas kalo di figma bisa membuat teks melengkung kaya muterin bola gitu?

[@Miawwwwww-v4g]

permisi mas, kok punya saya nggak ada detect instance nya ya , apa harus download apa gitu ? tolong dijawab yang mas

[@MasKukuhAldy]

Ga didetach gppa kok

[@adhuc]

gracias :)

[@MasKukuhAldy]

you're welcome

[@JakaSambung-x4k]

Kak kalo untuk email nya gmn supaya bisa ngetik kayak yang nama lengkap?

[@riyanfauzi4472]

Coba bang buat scrolling sambil text field gitu

[@renoherdhiansyah3766]

keren banget mas,
btw itu ngrekam pakai apps apa kok bisa setiap button yg di klik muncul , misal pas klik shift dll?
atau diedit secara manual?

[@MasKukuhAldy]

nama appnya Carnac

[@renoherdhiansyah3766]

@@MasKukuhAldy thanks mas 😁👍🏽

[@shaaaaaafpm]

klo mau bkin register agak repot ya bang, brrti figma gaada text field kayak axure kaah?

[@MasKukuhAldy]

iya harus manual

[@dre_laxus]

sipp

[@habibsyafiudin4828]

kalo figma ngelag bisa jd krn koneksinya ya mas?
terus gmn kalo udh bikin desain tb tb koneksinya mati? apa ada fitur auto save gitu kah? heheheh

[@MasKukuhAldy]

Figma memang slalu autosave tiap ada perubahan

[@soultimespace]

謝謝你這麼詳細的解說，這是我一直想呈現的樣子但我不知道該怎麼做，非常感謝你！！！！

[@swasowijaya5438]

Mas mau tanya, jika kita sudah bikin desain ui web.. terus masukin ke webnya gimana ya?? Saya baru pemula banget ini

[@MasKukuhAldy]

bs simak video ini mas
th-cam.com/video/78ZgiEkJoU4/w-d-xo.html

[@swasowijaya5438]

Ok siap mas terima kasih ilmunya :")

[@user-it9fv8ce8u]

berarti di figma itu tidak bisa seperti di Axure ya bro, membuat (textfield yang writeable)

[@MasKukuhAldy]

gbisaa

[@mahasiswa365]

banyak mau

[@imamonce696]

ada tutorial yang ngetik sendiri gk bang,itu kan cuma di klik terus keluar text,nah yg saya maksud kita ngetik baru keluar text,terimakasih.

[@MasKukuhAldy]

Kalo pas ngetik lngsung keluar itu harusnya sudah dicoding

[@agungananta6305]

Mas kukuh ,bikinin video tutorial membuat akun graphicriver please

[@MasKukuhAldy]

Memang susahnya bagian mana mas?

[@agungananta6305]

Supaya bisa jualan gimana
Maap masih newbie

[@MasKukuhAldy]

Tinggal bkin productnya mas. Dicoba dlu aja nnti jg tau

[@didinafifuddin1320]

mas di layout grid itu ada gutter, itu buat apa ya?

[@MasKukuhAldy]

Jarak antar kolom

[@derry8559]

Pake keyboard apa mas? Suarane ko enak yo 😁

[@MasKukuhAldy]

Razer ornata

[@allegiant4708]

bang nanti kalo kita udah selesai design UI?terus yang ngembangin jadi web itu siapa bang?

[@raihanbayu1939]

izin bantu jawab, itu biasanya developer nya mas, entah itu back end, front end, atau pun fullstack, setelah itu ada proses testing dll

[@AnasClinxter]

your not clear about where to find the keyboard layout. that part was confusing. i don't understand

[@mythlaner4831]

BANG KALAU UI KIT NYA android apa ya alamatnya??

[@marisulfah6193]

buka iphone ui kit figma tapi kok gada opsi duplicatenya ya:(

[@MasKukuhAldy]

Copy aja

[@omarkuriansky7091]

Merci

[@kecoakrispi]

mas kukuh link UI kit nya ga ada mas

[@MasKukuhAldy]

Iya memang ga ada mas, saya sarankan untuk googling sndiri aja

[@muhammadverel1654]

mas kok saya pas animasi ketik nya beda yak?

[@MasKukuhAldy]

Coba diteliti lagi ya

[@muhammadverel1654]

@@MasKukuhAldy ooo iyaa maaf mas saya keliru

[@dalle8367]

semua bahan telah diaktifkan moga disini aktif juga

[@MasKukuhAldy]

Bahan apa gan?

[@dalle8367]

suport

[@feryindrawanto125]

Bang smart animate minta kode otp dong, maaf saya kurang ajar nyuruh² awowkwk

[@nguyenling4478]

Sometimes, I can't make that kind of "typing text" animation. It looks like it was faded in. I don't get why?:(((

[@MasKukuhAldy]

So there is something wrong your prototype

[@nguyenling4478]

@@MasKukuhAldy Yes, I figured it out. Thank you!^^

[@roseann-sy7uy]

You should add subtitle we don't understand you saying😫

[@rizkyeka161]

Gak enak e figma yo ngunu, kudu gawe internet wkwkwk

[@natashamichellee3058]

kok ga bisa kiri ke kanan ya lur

[@delialyn19]

Kak kok pas di show blank sebelah ya😭

[@MasKukuhAldy]

Show gimana tu?

[@showbikshowmma3520]

bro why not making video in english?

[@S3renDipityA]

bang aku ko g bisa berjalan ya text nya:{

[@MasKukuhAldy]

Brti ada yg salah bang

[@esag4029]

wkwk gua kira bisa typing kayak text input di web ternyata cuman d pencet doang

[@MasKukuhAldy]

Kalo itu msti di coding bang 🤣

[@esag4029]

@@MasKukuhAldy tp itu bsa d convert kan pake plugin xd to flutter?

[@thirumalaivasant4372]

Worst waste of time LKG student can do this... Nothing use for anything

[@ajipangestu6460]

mager Di figma tuh ga kaya di xd lebih enak aja

[@amalhidayat7848]

Bg kenapa waktu aku detach istance huruf keybordnya malah hilang? mohon dijawab bg

[@MasKukuhAldy]

Ini jg dialamin bnyak orang, bs pake komponen lain aja, ga harus sama persis yg saya pake

[@salmanfirdaus6890]

bantu jawab mas saya barusan bisa be e masih bermanfaat hehe, itu fontnya diganti 1 - 1 karena itu fontnya ga ada jadi harus diganti, cmiiw