Skip to main content
Solved

My screens aren't aligned properly

  • September 26, 2023
  • 2 replies
  • 241 views

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

Best answer by uxcal

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.

This topic has been closed for replies.

2 replies

uxcal
  • New Participant
  • 34 replies
  • Answer
  • September 26, 2023

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.


  • Author
  • 3 replies
  • September 29, 2023

I did it, thank you so much.