Stats Preview Card

Community feedback

• 

  xZAYEDx•250

  @xZAYEDxPosted almost 3 years ago

  nicely done! how did you get pixel perfect output ?

  0

  ---

  

  Oshu•650

  @oshudevPosted almost 3 years ago

  @xZAYEDx I always recreate it on figma.

  0

  

  xZAYEDx•250

  @xZAYEDxPosted almost 3 years ago

  @eurus1108 that's interesting, how exactly do you recreate it on figma? What are the steps?? Could you please tell me 😀

  0

  

  Oshu•650

  @oshudevPosted almost 3 years ago

  @xZAYEDx I follow the dimensions, colors, and font size based on style-guide.md. I will put the design image on the frame. Then place every element on where they supposed to be. I also tweak line height and letter spacing for accuracy.

  0

  

  xZAYEDx•250

  @xZAYEDxPosted almost 3 years ago

  @eurus1108 oh you must be having the PRO subscription right ? Cos for free users they don't provide everything.

  0

  

  Oshu•650

  @oshudevPosted almost 3 years ago

  @xZAYEDx I don't have a subscription. When you download the challenge, they give you files. Inside those, there's a folder called design. Then there are images there which are the designs. Now what I do is create a frame that is 1440px by 800px and place the image on it.

  0

  

  xZAYEDx•250

  @xZAYEDxPosted almost 3 years ago

  @eurus1108 so you measure the distance, width, height etc... with ruler ?? Is that what you do ??

  0

  

  Oshu•650

  @oshudevPosted almost 3 years ago

  @xZAYEDx it work something like this (https://www.figma.com/file/iaXQQnWMZcd0EjMVRKIOpA/stats-preview-card-component?node-id=0%3A1)

  1

  

  xZAYEDx•250

  @xZAYEDxPosted over 2 years ago

  @eurus1108 thank you, it helped a lot.

  0
• 

  Shashree Samuel•9,260

  @shashreesamuelPosted almost 3 years ago

  Excellent work with this challenge. Keep it up.

  Cheers, Happy coding 👍

  0