#Make that middle name a component, and
zealous hamlet
Could be understanding this wrong. But making the main text a component and using a stroke variant of it in the background wouldn't auto update the stroke variant when you change the main text. You would need to select both the main and the stroke variants to change the text as a whole.
zealous hamlet
Oh, you meant an instance.
Works! Thank you, thank you : )
Let me try implementing it with what I as working on.
sharp flame
sharp flame
Works! Thank you, thank you : )
Less goo
zealous hamlet
Less goo
I was trying stuff out for a while with variants : P
It works! Can't make the card a component now though, doing so creates the 'Main text' component seperately. But manageable. The other alternative I had figured out was setting it up as variables. But this is easier to work with.
sharp flame
It works! Can't make the card a component now though, doing so creates the 'Main...
For that keep that main text out of that card and replace it with another instance but with fill on. Then you could make that card a component.
Hopefully.
zealous hamlet
Figma does that for me. If I try to make the card a component.
Give me a min.
Nah, broke.
Idea is I have to create 20 of these. Unless we create separate component for each heading I don't think the background trick would work.
sharp flame
I got the solution but is little tricky but quick it is. Let me try to explain.
So I told you to keep the main text out of the canvas and replace it with another instance but with fill on. After that make your card a component and add another instance of that component. Now in the instance that you just added select that main text in middle and right click on it > detach instance. Now its is detached you can make it a separate component and to make rest of that text in background to follow it, you need to select them all and go to right side panel and on top you will see this
You can swap instance by selecting that new component you made and all will follow it.
In short get card instance > detach the main text and make it a separate component > select all background texts and swap instances with new component
Easy
Only quickest solution other than variable
@zealous hamlet
sharp flame
Idea is I have to create 20 of these. Unless we create separate component for ea...
Lets take this one as an example in card 2 detach seeker text from instance and make it a separate component and after that select all background texts and swap instances from right side panel and select new seeker component you just created.
zealous hamlet
Lets take this one as an example in card 2 detach seeker text from instance and ...
That clears it up. Aka separate components/variants for each card component?
sharp flame
That clears it up. Aka separate components/variants for each card component?
Exactly but you are swapping them instead of doing it from scratch and wasting time making backgrounds of it by duplicating.
zealous hamlet
I dont think it's there in figma but to re-confirm. Can you swap nested component instances without going into the component?
sharp flame
I dont think it's there in figma but to re-confirm. Can you swap nested componen...
I just did it in my figma.
Try to follow the steps you will get it.
zealous hamlet
Example: A button with a nested icon component. Can I swap the icon without double-clicking and going into the button component?
sharp flame
Example: A button with a nested icon component. Can I swap the icon without dou...
If that button has that icon instance and not an icon component, you can click that icon instance and from the right panel you can swap it with another component.
zealous hamlet
Sorry, Got busy with work. Thank you for helping out @sharp flame : )
zealous hamlet
Also How's using Figma on a iPad feel like? Just a bit of learning curve? Or is it better to stick to PC. @sharp flame ?
sharp flame
It’s not optimized. The browser on iPad is not the same as Mac or Windows, so there are limitations. I am currently using an Apple Pencil to navigate in it. It is smooth, but it is still not optimized. For undo/ redo, you have to do it manually by going to the Figma icon > Edit > Undo. For right-click, you need to double-tap, which looks easy but is a mess when working with 2-5 layers on top of it. Apart from that, it works fine but is not recommended. I haven’t tried with a mouse or keyboard yet, but I have no hopes. I use my laptop for Figma and iPad as a secondary screen.
Uploading files from ipad to figma is another reason to use it as a secondary display. Same with framer.
zealous hamlet
Uploading files from ipad to figma is another reason to use it as a secondary di...
Didn't understand what you meant by this.
sharp flame
Didn't understand what you meant by this.
Like I use my ipad for some illustration design logos and other designs or file that I might need on figma so instead of transferring it to laptop and then figma, I open figma on ipad and do it directly.
So second screen but functional
Both read and write typa thing