Zeplin

Zeplin is a cloud-based collaboration tool for designers and developers that streamlines the handoff process from design to development. It allows designers to upload design files (e.g., from Sketch, Figma, Adobe XD) and automatically generates style guides, assets, and code snippets for developers. The tool provides a shared workspace where teams can view designs, inspect elements, and access specifications without needing design software.

Also known as: Zeplin App, Zeplin Tool, Zeplin Platform, Zeplin.io, Zep

🧊Why learn Zeplin?

Developers should use Zeplin when working in cross-functional teams with designers to ensure accurate implementation of UI designs and reduce back-and-forth communication. It is particularly valuable for front-end development in web and mobile projects, as it provides ready-to-use CSS, iOS, and Android code snippets, asset exports, and design consistency checks. This speeds up development and minimizes errors in translating visual designs into code.

See how it ranks →

Compare Zeplin

Zeplin vs Invision→Zeplin vs Abstract→Zeplin vs Avocode→

Learning Resources

Zeplin Documentation

Zeplin Tutorial for Developers

Getting Started with Zeplin on Udemy

Zeplin Blog - Tips for Developers

Related Tools

Sketch Figma Adobe Xd Ui Design Front End Development

Alternatives to Zeplin

Invision Abstract Avocode

Other Editor

.env is a file format and tool used to store environment variables, which are key-value pairs that configure application settings like API keys, database URLs, and other sensitive or environment-specific data. It allows developers to separate configuration from code, making applications more secure and portable across different environments (e.g., development, testing, production). Tools like dotenv in Node.js or python-dotenv in Python parse .env files to load these variables into the application's environment at runtime.

.htaccess (Hypertext Access) is a configuration file used on Apache web servers to control directory-level settings, such as URL redirection, access control, and performance optimizations. It allows developers to override global server configurations for specific directories without modifying the main server configuration files. This file is commonly used for tasks like enabling HTTPS, blocking IP addresses, or setting custom error pages.

2D Drafting is the process of creating technical drawings and schematics in two dimensions using specialized software, primarily for engineering, architecture, and manufacturing design. It involves producing precise, scaled representations of objects, components, or structures with detailed annotations, dimensions, and symbols to communicate design intent and specifications. This skill is foundational for translating conceptual ideas into actionable plans for construction, fabrication, or analysis.

2D Drafting Tools

2D drafting tools are software applications used to create precise technical drawings, schematics, and blueprints in two dimensions. They enable engineers, architects, and designers to produce detailed plans with accurate measurements, annotations, and geometric shapes. These tools are essential for documenting designs before moving to 3D modeling or physical construction.

2D Drawing Review

2D Drawing Review refers to the process and software tools used to examine, annotate, and collaborate on two-dimensional technical drawings, such as blueprints, schematics, or CAD designs. It involves checking for accuracy, compliance with standards, and identifying errors or improvements in engineering, architecture, or manufacturing contexts. Tools for this purpose often include features like markup, version control, and real-time collaboration to streamline review cycles.

2D Graphics Software

2D graphics software refers to computer programs used to create, edit, and manipulate two-dimensional digital images, illustrations, and designs. These tools provide features like drawing, painting, vector graphics, image editing, and layout design for applications such as digital art, UI/UX design, game sprites, and print media. They range from professional suites like Adobe Photoshop to free alternatives like GIMP and Inkscape.