Questions tagged [zeplin]

For questions about the Zeplin design tool designed to allow better communication and interaction between designers and developers.

Zeplin is a commercial tool that help you build and Design hand-off. It generate styleguides and resources for you automatically from your tool, e.g. Photoshop.

It's a famous UX (User eXperience) style guide. With this tool you can draw web application easily for browsers and smartphones.

28 questions
1
vote
3 answers

Display fonts in different browsers

There is a design drawn in Zepplin. There is a font font-family: HelveticaNeue; font-size: 16px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; color: #888888; But for some reason in the…
1
vote
1 answer

How to generate correctly svg images

I am trying to generate an SVG format file for a logo but I don't know how to proceed. Usually when I need an svg format, I upload the image to Zeplin and it is auto generated. I tried to do the same thing this time but it tells me This layer…
Tom Bom
  • 1,589
  • 4
  • 15
  • 38
1
vote
0 answers

Convert zeplin style guide export files to language agnostic format?

Zeplin has a style guide which you can export as essentially a look up dictionary in Swift or Objective C, it ends up looking like this; @implementation UIColor (OLAdditions) + (UIColor *)ipd_goldenYellowColor { return [UIColor…
meds
  • 21,699
  • 37
  • 163
  • 314
0
votes
0 answers

How can I constant storybook url when I change CSF file name of file path?

I am linking storybook with zeplin, but whenever I change CSF file name of file path, the storybook url will be changed, cause the linked broken. How can I constant the storybook url. I am using storybook version 7 within nextjs. Thanks.
Hung
  • 459
  • 5
  • 15
0
votes
0 answers

How do I bypass Zeplin API rate limit error

I'm using Zeplin API to automatically generate the colours, typography and components defined on Zeplin and include them into a project, but according to the official documentation, there is a 200 limit requests per minute. Everything was working…
psergiocf
  • 1,493
  • 2
  • 20
  • 27
0
votes
1 answer

Height and width of the components from Zeplin to the Website

When I apply the values such as height and width of the components from Zeplin to the Website, it is quite different. I guess should I not follow these rules? I investigated related to the question, but not find info. Can you help me with how to use…
ht13
  • 633
  • 7
  • 19
0
votes
1 answer

How do I log out of Zeplin VSCode Extension?

I logged into the wrong account for Zeplin VSCode extension. I tried uninstalling, reinstalling, and restarting VSCode. The account information is saved. I don't see anything in the settings that would allow me to logout and re-login.
user2157850
0
votes
0 answers

When I copy styles from zeplin and apply it to my button it doesn't work

Above you can see what I should get as result: width: 224px; height: 36px; border-radius: 50px; border-style: solid; border-width: 1px; border-image-source: linear-gradient(to left, #7c7c7c, #e1e1e1 51%, #7c7c7c); border-image-slice:…
Andrey Radkevich
  • 3,012
  • 5
  • 25
  • 57
0
votes
1 answer

What will be font size of 100px text on xxxhpi, xxhdpi, xhdpi, hdpi, mdpi, ldpi as per below described design?

I'm designer and I've designed mobile UI of resolution 1440*2560. In design I have few text having 100px of font size. Just want to know what will be the font size of in each device like xxxhpi, xxhdpi, xhdpi, hdpi, mdpi, ldpi. I'm using…
Yashpal Sindhav
  • 365
  • 1
  • 10
0
votes
0 answers

Zeplin Inside Borders to iOS

I am struggling with extracting the code from the given inputs on Zeplin design. Zeplin shows me borders with inside of two dimension with each dimension having 4 different color. To be honest, I couldn't understand what does 4 different color means…
Kutay Demireren
  • 640
  • 1
  • 10
  • 25
0
votes
0 answers

Buttons and Text not having color information on Zeplin

I am making UI designs in Illustrator and then exporting it into .psd file. From Photoshop I am exporting it to Zeplin. But my Buttons and font don't come up with css information (I want color info to be specific). I have tried making things…
0
votes
1 answer

Cannot export Sketch file to Zeplin. Forbidden 403 Error

I am new to both Sketch and Zeplin. When I am exporting my artboard by pressing cmd + E everything seems to be fine. Zeplin prompts me to select a project. When I select a project to export into, I get a notification saying "Exported 1 screen(s) to…
SafaOrhan
  • 690
  • 9
  • 19
-2
votes
1 answer

Web design and developement colaboration using photoshop

I'm a web developer. For collaboration me and designers used Zeplin (https://zeplin.io/), which gives me a lot information (page components sizes, colors, css settings like font, borders, even something like border-radius and stuff I think). But now…
croraf
  • 4,332
  • 2
  • 31
  • 50
1
2