My screens aren't aligned properly

Ask the community
1

I created a component but didn’t do it for all my screens and now they all look different as a prototype and I don’t know how to edit them individually to look the same without starting over.

Here’s the file: https://www.figma.com/file/0ajbbz4FGMHYUtNckIbljN/High-fidelity-Mockups?type=design&node-id=0%3A1&mode=design&t=KfK4nl4IM49BC2Wp-1

2

Hi Layla,

I think it will be better to “start over” in this case. But as a silver lining, it will be much quicker since you turned your screen into a component (and you are not completely starting from zero)!

As a suggestion, you can add variants to your component for the 4 states:

  • screen with blank input
  • screen with filled input
  • screen with blank input and error
  • screen with filled input and success

In this way, you can very quickly connect the screens into a prototype again.

1 Like
3

I did it, thank you so much.