Zeplin(����������)

Zeplin��һ����Ч��ͼ���������԰����û����õ����Ƽ�����ͼƬ��Ϊ�û��ṩ�˱�ע��StyleGuide����ע�ĵ����򵥵��Ŷ�Э�����ܣ��������Զ����ɳ�����ע��CSS��ʽ���롢����ͼƬ�ȡ���

����Zeplin��һ����Ч��ͼ���������԰����û����õ����Ƽ�����ͼƬ��Ϊ�û��ṩ�˱�ע��Style Guide����ע�ĵ����򵥵��Ŷ�Э�����ܣ��������Զ����ɳ�����ע��CSS ��ʽ���롢����ͼƬ�ȡ�

������ɫ

�������δ�����Ҫʹ�õ�Sketch�������ɶ��ļ��ĵ���

�������Ҷ�Zeplin�ķ��飬���ù��ܣ��������ݵ��������صIJ���

����֧�ֶ�css����ʽ���п��ٵIJ鿴���������ɵ����Ƹ����е����IJ���

����֧�ֶ��ļ����д�������Ҫʹ�õı�Ǩ

�������ļ����ٵĽ��б�ע�����Ҷ����۵Ĺ���֧��

���������Զ����ص�ֵ������ʾ�����ٵļ������ɹۿ�

���ܽ���

�����������Ƶ���Դ����һ��λ��

����Zeplin���Զ���Ϊ��������ƽ̨���Ƶ�����������׼ȷ�Ĺ淶���ʲ��ʹ���Ƭ�Ρ��������ļ��в��ٶ�ʧ��

������������һ��

��������Ҫ�ı��������Ʒ�ʽ��ֻ��ʹ��һ�ε������������ļ�ʹ�����ǵIJ�ͼ��Adobe XD CC��Figma��Adobe photoshop CC������

������ÿ���˶�վ��ͬһ��ҳ��

������Zeplin�ij��ں��̵�������Ŀ�����ƶˣ���һ�������¡������������ѣ��������ӣ���������

�����������Ͻ��н���

����ֱ��������������ע���Դ����뷨��������Ҫ������ϸ�ڡ�Ϊ��ʹ����������������ɫ�Աʼǽ��з��ಢ�����ɺ��������ǡ�

����ʹ�ü��ɼ������Ĺ�������

������ZePin���ӵ��ɳ�ͨ����TelLo���ϣ��Լ������Ĺ������̣�ʼ�ձ����Ŷӵ�����״̬��

���������Ŷӵ�����֪ʶ��

�����ռ�����֯�����Ŷӵ���Ŀ����Դ������������ɫ���ı���ʽ���洢�ɰ汾����Ŀ����Ҫʱ�����������ǡ�

ʹ�÷���

�����������ɺ������Ǵ򿪱��ص� App���������Ͻǵ� Create������һ���µ���Ŀ�����ж���ģʽ�ģ�Android��iOS��Web��ÿ������������Ӧ��������

������������ѡ�� Web�����Կ��� CSS �� HTML��

������Sketch�е����ļ�

�����������Ǵ��� Sketch��ѡ���˵�-> Plugins -> Zeplin -> Export Selected Artboards...

������ʱ�ᵯ�� Zeplin �ĵ��봰�ڣ�ѡ����Ҫ����������Ŀ��

��������ע�⵽���½���һ����Replace scrrens with the same name����������ָ�������Ѿ���������Ŀ�������� Sketch �����Ƹ��޸��ˣ���Ҫ���� Zeplin �ϵ����Ƹ�ʱ�����Ϲ��Ϳ����滻ԭ�����ļ��ˡ�

����Zeplin�ķ��鼰����

�����������ɺ󣬻��Զ����� Zeplin �� App�����ǿ��Կ����ļ����� Zeplin ���ˡ����������ڵ�һ���ļ��������࣬������������һ���ı�־������һ�£����ǾͿ��Ը��⼸���ļ�����һ�������ˡ�

�����������ǰ�������Ϊ����Ʒ���ء������ļ������Ҳ࣬��һ��С���ǵı�־���������Ϳ��Է�����������չ���ļ����顣

����Ȼ���Ա��и����������İ�ť�����ǵ���һ�£������Ը����������������������������顢�ƶ����飬����ɾ�������ˡ�

�����鿴CSS��ʽ

�������ǽ��� Zeplin ��һ�����Ƹ壬����һ��ij������������ͼ�����ǿ��Կ�����������px �ߴ磬�Լ���������Ԫ�صľ��롣

�������������Ҳ࣬���ǻ��ῴ����CSS ���ص�ֵ������ box-shadow��

�����������Ƹ�ͼƬ

����Zeplin ���и��dz��õĹ��ܣ����ǵ���ͼƬ��ʸ��ͼƬ���԰��� PNG �� SVG ��ʽ��

����������Ҫ������Ҫ���� Sketch �У�������ͼƬ���ù�Export��

�������ļ�����ǩ

�����������ǿ��� Zeplin �Ĵ���ǩ���ܡ����Կ��������ļ��Ѿ�����һ����ר�⡱�ı�ǩ�����ǻ����Ը���ѡ�������ı�ǩ����������һ���µı�ǩ��Ҳ����ɾ����Щ��ǩ��

����Ȼ���ص��������С����ǿ���ע�⵽�����������ŵı�ǩ����������ѡ����ר�⡱���ͻῴ���������ˡ�ר�⡱��ǩ�������ļ���

����������������Zeplin ��û�д��������Ĺ��ܣ����������ñ�ǩ�������ļ������������ǾͿ����ñ�ǩ������ϸ���Ĺ���ɸѡ������

������ע������

���������ٿ�һ�����۹��ܡ����ǿ��Իظ�һ�����ۣ������޸����۵���ɫ������ɾ���������ۡ�

��������������һ�����ۡ�CMD + ��������һ���հ������������������ۼ��ɡ�

����ע�⿴һ�£��ļ������½���һ�� Notes �����۾���С���ӱ�־����������һ�£��Ϳ�������ҳ���ϵ��������ۡ�