{"id":13798749,"url":"https://github.com/ant-design/antd-sketchapp","last_synced_at":"2025-08-03T00:36:36.075Z","repository":{"id":54360015,"uuid":"123537609","full_name":"ant-design/antd-sketchapp","owner":"ant-design","description":"⚛️💎🐜 Render Ant Design components to Sketch.","archived":false,"fork":false,"pushed_at":"2021-02-23T10:40:00.000Z","size":375,"stargazers_count":202,"open_issues_count":12,"forks_count":25,"subscribers_count":34,"default_branch":"master","last_synced_at":"2025-04-09T20:02:33.595Z","etag":null,"topics":["ant-design","react","sketchapp"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ant-design.png","metadata":{"files":{"readme":"README.md","changelog":"HISTORY.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-02T06:03:30.000Z","updated_at":"2024-11-14T12:56:13.000Z","dependencies_parsed_at":"2022-08-13T13:20:31.527Z","dependency_job_id":null,"html_url":"https://github.com/ant-design/antd-sketchapp","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fantd-sketchapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fantd-sketchapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fantd-sketchapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ant-design%2Fantd-sketchapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ant-design","download_url":"https://codeload.github.com/ant-design/antd-sketchapp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248103865,"owners_count":21048245,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ant-design","react","sketchapp"],"created_at":"2024-08-04T00:00:52.033Z","updated_at":"2025-04-09T20:02:52.897Z","avatar_url":"https://github.com/ant-design.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e This project is currently in beta and APIs are subject to change.\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"http://ant.design\"\u003e\n    \u003cimg height=\"200\" src=\"https://gw.alipayobjects.com/zos/rmsportal/NNLMXfSoatfMpmTEmNsG.svg\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n# antd-sketchapp\n\n[![](https://img.shields.io/travis/ant-design/antd-sketchapp.svg?style=flat-square)](https://travis-ci.org/ant-design/antd-sketchapp)\n[![Codecov](https://img.shields.io/codecov/c/github/ant-design/antd-sketchapp/master.svg?style=flat-square)](https://codecov.io/gh/ant-design/antd-sketchapp/branch/master)\n\n[![npm package](https://img.shields.io/npm/v/antd-sketchapp.svg?style=flat-square)](https://www.npmjs.org/package/antd-sketchapp)\n[![NPM downloads](http://img.shields.io/npm/dm/antd-sketchapp.svg?style=flat-square)](https://npmjs.org/package/antd-sketchapp)\n[![Join the chat at https://gitter.im/ant-design/antd-sketchapp](https://img.shields.io/gitter/room/ant-design/antd-sketchapp.svg?style=flat-square)](https://gitter.im/ant-design/antd-sketchapp?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge\u0026utm_content=badge)\n\n## What is it?\n\n[react-sketchapp](https://github.com/airbnb/react-sketchapp) is an awesome solution which can render React components to Sketch, and antd-sketchapp is an React-sketchapp-based implementation of [ant-design](https://github.com/ant-design/ant-design).\n\n![Demo](https://user-images.githubusercontent.com/2953176/36887382-e9205fa4-1e2b-11e8-937b-295d306dce5b.gif)\n\n## Install\n\n```bash\nnpm install antd-sketchapp --save\n```\n\n## Usage\n\n```jsx\nimport React from 'react';\nimport { Button } from 'antd-sketchapp';\n\nconst Demo = () =\u003e (\n  \u003cButton type=\"dashed\" text=\"disabled-dashed-ghost\" disabled ghost /\u003e\n);\n\nexport default Demo;\n```\n\n## Documentation\n- [Getting Start](docs/en-us/getting-start.md)\n- [Development](docs/en-us/development.md)\n\n## Development\n\n```bash\n$ git clone git@github.com:ant-design/antd-sketchapp.git\n$ cd antd-sketchapp\n$ npm install\n$ npm run watch\n$ npm run link\n```\n\nthen open your Sketch and you can find commands in Plugins on Sketch toolbar. [more](docs/development.md)\n\n## Component completion list\n\n#### General\n\n- [x] Button 按钮\n- [x] Icon 图标\n\n#### Layout\n\n- [x] Grid 栅格\n- [ ] ~~Layout 布局~~\n\n#### Navigation\n\n- [ ] ~~Affix 固钉~~\n- [ ] Breadcrumb 面包屑\n- [ ] Dropdown 下拉菜单\n- [ ] Menu 导航菜单\n- [x] Pagination 分页\n- [ ] Steps 步骤条\n\n#### Data Entry\n\n- [ ] AutoComplete 自动完成\n- [ ] Cascader 级联选择\n- [x] Checkbox 多选框\n- [ ] DatePicker 日期选择框\n- [ ] Form 表单\n- [ ] InputNumber 数字输入框\n- [ ] Input 输入框\n- [ ] Mention 提及\n- [ ] Rate 评分\n- [ ] Radio 单选框\n- [ ] Select 选择器\n- [ ] Slider 滑动输入条\n- [ ] Switch 开关\n- [ ] TreeSelect 树选择\n- [ ] TimePicker 时间选择框\n- [ ] Transfer 穿梭框\n- [ ] Upload 上传\n\n#### Data Display\n\n- [ ] Avatar 头像\n- [ ] Badge 徽标数\n- [ ] Calendar 日历\n- [ ] Card 卡片\n- [ ] Carousel 走马灯\n- [ ] Collapse 折叠面板\n- [ ] List 列表\n- [ ] Popover 气泡卡片\n- [ ] Tooltip 文字提示\n- [x] Table 表格\n- [ ] Tabs 标签页\n- [ ] Tag 标签\n- [ ] Timeline 时间轴\n- [ ] Tree 树形控件\n\n#### Feedback\n\n- [ ] Alert 警告提示\n- [ ] Modal 对话框\n- [ ] Message 全局提示\n- [ ] Notification 通知提醒框\n- [ ] Progress 进度条\n- [ ] Popconfirm 气泡确认框\n- [ ] Spin 加载中\n\n## Contributing\n\nWe welcome all contributions. You can submit any ideas as [pull requests](https://github.com/ant-design/antd-sketchapp/pulls) or as [GitHub issues](https://github.com/ant-design/antd-sketchapp/issues). If you'd like to improve code, check out the [Development Instructions](https://github.com/ant-design/antd-sketchapp/wiki/Development) and have a good time! :)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fant-design%2Fantd-sketchapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fant-design%2Fantd-sketchapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fant-design%2Fantd-sketchapp/lists"}