Sketch Plugin — 5 Technical Articles

Jun 29, 2022 · Frontend Development

Unifying JD Tech UI with NutUI-JDT: A Multi‑Platform Component Library Journey

This article details how NutUI and JD Tech collaborated over multiple quarters to create NutUI‑JDT, a theme‑customizable component library that unifies H5 and mini‑program development, expands and adapts components, introduces a Sketch plugin, and outlines future roadmap and open‑source contributions.

Component LibrarySketch PluginTheme Customization

0 likes · 9 min read

Unifying JD Tech UI with NutUI-JDT: A Multi‑Platform Component Library Journey

Ziru Technology

Mar 24, 2022 · Frontend Development

Building a High‑Performance Sketch Plugin with Vue3, Skpm, and Webview

This article details the end‑to‑end development of a Sketch plugin—covering background motivations, toolchain setup with Skpm, Vue3, and webview, project architecture, build scripts, communication between webview and plugin, resource handling, drag‑and‑drop, data caching, and design‑validation features—providing practical solutions to common challenges.

Sketch PluginVue3WebView

0 likes · 11 min read

Building a High‑Performance Sketch Plugin with Vue3, Skpm, and Webview

Meituan Technology Team

Nov 5, 2020 · Frontend Development

Advanced Development Guide for the Jimu Sketch Plugin – Platformization, Multi‑Business Switching, and UI Optimization

The guide details how the Jimu Sketch plugin was transformed from a simple internal tool into a platform‑wide solution that supports multi‑business switching, automated library conversion, UI/UX enhancements, performance caching, a native inspector panel, and deep JavaScript‑Objective‑C integration for scalable design‑system workflows.

CocoaScriptJavaScriptSketch Plugin

0 likes · 33 min read

Advanced Development Guide for the Jimu Sketch Plugin – Platformization, Multi‑Business Switching, and UI Optimization

Meituan Technology Team

May 21, 2020 · Frontend Development

Building a Consistent UI with Meituan's Sketch Plugin: Architecture, Development, and Best Practices

Meituan Takeaway built a hybrid JavaScript‑CocoaScript Sketch plugin that enforces a unified design system, lets designers select library elements which are exported as Sketch symbols and native code components, integrates a webview bridge, uses skpm/Webpack tooling, and dramatically cuts design drift, development cost, and QA effort across multiple platforms.

JavaScriptSketch PluginUI consistency

0 likes · 34 min read

Building a Consistent UI with Meituan's Sketch Plugin: Architecture, Development, and Best Practices

Alibaba Terminal Technology

Nov 28, 2019 · Frontend Development

How Frontend Code Is Auto‑Generated: Inside Alibaba’s Design‑to‑Code System

This article details Alibaba’s front‑end intelligent project that automatically transforms Sketch design files into production‑ready HTML/CSS/JS code, covering the design‑to‑code workflow, layer processing, mask handling, text calibration, layer merging, unused‑layer detection, testing, visual‑restoration metrics, and future enhancements.

Design-to-codeSketch Pluginautomation

0 likes · 15 min read

How Frontend Code Is Auto‑Generated: Inside Alibaba’s Design‑to‑Code System