Тёмный

Figma variables to change the language using a dropdown | How to use Figma variables | Step-by-step 

TD Sunshine
Подписаться 13 тыс.
Просмотров 9 тыс.
50% 1

Опубликовано:

 

21 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 59   
@abdussalam123456
@abdussalam123456 Год назад
I don't understand why you don't have more subscribers. Quality content here!
@TDSunshine
@TDSunshine Год назад
Thanks! 🥹 I appreciate it ❤️🙏🏼
@PKP0303
@PKP0303 Месяц назад
Can I get this Figma file?
@dhayve
@dhayve 6 дней назад
Okay I forgot to subscribe 🙃 Just did sorry 😢
@tharakahettihamu9297
@tharakahettihamu9297 Год назад
Thank you so much, I was looking for how to do this for a while.
@TDSunshine
@TDSunshine Год назад
Glad I could help! ☀️🤍
@thearaav6670
@thearaav6670 Год назад
Thanks for your explaining is very clear and slowly easy to understand, plus you give a free exercise file as well.
@TDSunshine
@TDSunshine Год назад
You're welcome! I'm glad you found it helpful ☀
@tridang8407
@tridang8407 Год назад
This video is really helpful, thank you very much 😘 But I feel like there's usually no interface for the language to be "-select-" because it's English. I've tried instead of using "Current" adding an "English" entry on the new collection page instead and it will be in English and people will choose the new language. It will be a lot more realistic. Thank you ❤
@TDSunshine
@TDSunshine Год назад
Good idea! I guess you are right that there is no "neutral" language to use in this case 🙃
@Andzteroide
@Andzteroide Год назад
I'd love to speak Protuguse, haha. Great video, this is exactly what I was looking for.
@TDSunshine
@TDSunshine Год назад
🙏🏼☀️
@Sallysite105
@Sallysite105 6 месяцев назад
Brilliant thank you
@TDSunshine
@TDSunshine 6 месяцев назад
You're very welcome! 💛☀️
@ramazanguler6066
@ramazanguler6066 Год назад
thank you for best lesson about variables, best channel
@TDSunshine
@TDSunshine Год назад
Aww thanks! I appreciate it! 🙏🏼☀️
@calvinogood
@calvinogood Год назад
Thanks for sharing! 😊
@TDSunshine
@TDSunshine Год назад
🙏🏼☀️
@slh6
@slh6 5 месяцев назад
finding you is the best thing that happened to me
@TDSunshine
@TDSunshine 5 месяцев назад
aww you're too kind ☀️🙏🏻💛
@_vladimirovnaa
@_vladimirovnaa 7 месяцев назад
thank u so much! i need this explanatiom rn so much! Gonna try free ex file as well.
@TDSunshine
@TDSunshine 7 месяцев назад
You're welcome! 🙏🏻☀️💛
@bbayek5573
@bbayek5573 Год назад
Great explanation :) thank you!
@TDSunshine
@TDSunshine Год назад
You’re welcome! ☀️
@bbayek5573
@bbayek5573 Год назад
@@TDSunshine hey, I have used your tutorial and it's great :) I do have any issue when I have a few words that do get translated and some don't, I am buffled. I have rechecked the values in my table and it's all fine for all entries, do you know why some of them do not get translated? It is giving me a headache ;)
@TDSunshine
@TDSunshine Год назад
@@bbayek5573 Hey! I would say check the following 1- make sure all the interactions are set up properly (i.e set variable currentX to X). 2 - make sure the text boxes are assigned to the correct variables. I hope that helps!
@bbayek5573
@bbayek5573 Год назад
@@TDSunshine Thank you! yes, all looks good, that's the problem :) but there must be something off. Maybe because it's in Beta still.
@MoritzMusiqz
@MoritzMusiqz 6 месяцев назад
Nice Content, Thank you! :)
@TDSunshine
@TDSunshine 6 месяцев назад
Glad you liked it!☀️🙏🏼
@mouhamadoucoulibaly6246
@mouhamadoucoulibaly6246 Год назад
Amazing!!!💥💯
@TDSunshine
@TDSunshine Год назад
🙏🏼☀️
@NamaraAllan
@NamaraAllan Год назад
This was really helpful... thank you ❤ 🤔I wonder if you can use this tecnique to switch between frames?... to simulate the process of searching for a page no. In this case, the content is not as dynamic, so not so much need for modes
@TDSunshine
@TDSunshine Год назад
Hey! I do something similar to that in this video - *Variable Modes | Config Updates* - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fB-4ikrt3mk.html Kind of populating the destination frame according to the user selection I hope that helps! ☀️
@killuaxd8010
@killuaxd8010 Год назад
How to use these language variable if we have more 50 different screens??
@TDSunshine
@TDSunshine Год назад
I think the best way to do that would be to connect every single textbox to a variable (and have languages set up as modes). Then if you have all your screens ready you can duplicate them, wrap them in a section, and change the section mode to a different language. That way all the screens and textboxes inside will change to the correct language mode
@killuaxd8010
@killuaxd8010 Год назад
@@TDSunshine ty, will give it a try and let you know. Appreciated ❤️
@nanzhang8056
@nanzhang8056 6 месяцев назад
Hi Thanks for sharing this amazing video. Is it possible to toggle languages with the flag icon? (instead of the dropdown interface)
@nanzhang8056
@nanzhang8056 6 месяцев назад
or actually the scenario I'm thinking is a toggle, like toggle on and off to switch between modes
@TDSunshine
@TDSunshine 6 месяцев назад
yeah for sure! you can change modes any way you want! a switch would only let you change between two modes though so it would be great for something like light/dark mode for example. ☀️🙏🏻
@yarynagopchuk6909
@yarynagopchuk6909 Год назад
Thank you for the video! I tried it like a week ago and first everything worked well, and the 'Select' was changing to the language chosen from the dropdown. However, now the 'Select' changes only to the first instance from the dropdown... seems like it does not switch between the 'language' modes anymore. Do you happen to know what could that be?
@TDSunshine
@TDSunshine Год назад
There was a bug in Figma that made prototyping between variable modes no work very well. I think its fixed now though 🤞🏼
@nyanko8942
@nyanko8942 6 месяцев назад
@@TDSunshine I am having the same problem,it has not been fixed
@nyanko8942
@nyanko8942 6 месяцев назад
@@TDSunshine Also when i change the language, sometimes the title text can't keep up and remains in the previous language, which is bad
@djashawe88923
@djashawe88923 Год назад
Can you please help me? I have no idea why mine doesn't work. Although each instance is under different layers (english, french etc.), because the component where I apply the interaction is in Auto (English), I only get English.
@TDSunshine
@TDSunshine Год назад
There is some bug going on with prototyping modes 🙈 Variables are still on beta so hopefully, we will get an update on this from Figma soon! ☀
@djashawe88923
@djashawe88923 Год назад
@@TDSunshine Thanks for the reply. I've realized after many attempts that to apply interaction on a component level, one should use conditionals (e.g., "if language=="french", set currentLang to language:French) and do that for each language. OR just forget the different states of button like default, hover, clicked, and apply interaction on each instances. I don't know how you made it work as shown in the video.
@easyprogramminglessons2943
@easyprogramminglessons2943 Год назад
Good content video. Glad to see a woman making web designing videos.
@TDSunshine
@TDSunshine Год назад
Thanks! ☀️
@fabiookonolanguages
@fabiookonolanguages 5 месяцев назад
igma just add a new option called by Set variable mode, would it make better this process of changing languages? Because I still did not get how to use this new variable mode.
@TDSunshine
@TDSunshine 5 месяцев назад
yes!! Just uploaded a video for it today and I can see you already saw it 💛 I used the practice file for this video to test this new feature though! so great ☀️🙏🏻
@whyzytcg8873
@whyzytcg8873 2 месяца назад
Wow.. nice tutorial. Is this what they call.. localization key?
@TDSunshine
@TDSunshine Месяц назад
Thanks! ☀️🙏🏻💛
@antanasgeguzinskas2841
@antanasgeguzinskas2841 Год назад
Amazing :)
@TDSunshine
@TDSunshine Год назад
Thanks! 😄
@Luis_Sam
@Luis_Sam Год назад
💙
@irshadahmed3710
@irshadahmed3710 Год назад
Miss Spell
@TDSunshine
@TDSunshine Год назад
haha yup! I am a spelling mistake master unfortunately 🙃
@djashawe88923
@djashawe88923 Год назад
I don't know why it doesn't it work!
@TDSunshine
@TDSunshine Год назад
There is some bug going on with prototyping modes 🙈 Variables are still on beta so hopefully we will get an update on this from Figma soon!
Далее
DIY Pump Solutions
00:18
Просмотров 1,3 млн
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Study Hall: Using variables in prototypes 101
29:30
Просмотров 75 тыс.
13 Things To Remove From Your Website Immediately
12:33