Tutorial n°5 : Style your project from Figma design

Step 9 : Style your page elements #4

Last element to style is the button. Click it in Figma, copy the CSS (even the Width and the Height for this one) and come back in the Studio : Search for the Style component in the palette, drag & drop it directly in the App Viewer button, open the style and paste your CSS. (Don't forget the "--" before at the beginning of every line).
CTRL + S in the editor to apply the CSS.

You now have all you elements visually displayed as in Figma.

However, the layout of the page still doesn't match with the Figma design : Let's fix it in the next step.
Success !

You successfully completed this step, please click the Next Step button to go to next tutorial step
Close
You did not complete all the actions required in this step, are you sure you want to go to the next step ?