什麼是Jinno: design any website React/HTML/sketch？

Jinno: design any website React/HTML/sketch是由Jinno開發的Chrome擴展程式，該擴展的主要功能是“Build design system for React/HTML/CSS/JavaScript faster then storybook figma or sketch”。

擴展截圖

下載Jinno: design any website React/HTML/sketch擴展crx文件

下載Jinno: design any website React/HTML/sketch擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

擴展使用說明

Change your website css and stylesheet like figma sketch and webflow
Option to export your changes to css file

Use any open source react component to build you ui, ealy design and change the css

Save all stylesheet/javaScript changes in one place

Jinno is a Javascript viewer tailored for Designers and developers. Get access to the useful styles with our Chrome extension. Our mission is to let Designers and developer focus on design, and spend as little time as possible digging in a code of React/VueJs/Angular/Javascript.

FEATURES
✓ Find any React open source component
✓ Build design system
✓ Build storybooks
✓ Export React code
✓ Export Html code
✓ Export Css code
✓ Color picker
✓ Best tool for designers
✓ Syntax highlighting
✓ Share you css design with developers
✓ Font family picker
✓ Design your page the same as Figma
✓ Page ruler from Sketch
✓ Hover css inspector
✓ Inspect element tool
✓ Detect your devtool position
✓ Save your css stylesheet changes from your Inspect element
✓ DevTools integration
✓ Copy to clipboard
✓ Data export
✓ React support
✓ CSS support
✓ Javascript support
✓ Design like sketch
✓ Design like Figma
✓ Design like Webflow

擴展基本資訊

名稱	Jinno: design any website React/HTML/sketch
ID	nggpkpfmdkbaakpndblpandmldendooa
官方網址	https://chromewebstore.google.com/detail/jinno-design-any-website/nggpkpfmdkbaakpndblpandmldendooa
簡介	Build design system for React/HTML/CSS/JavaScript faster then storybook figma or sketch
檔案大小	6.82 MB
安裝次數	5,420
目前版本	1.0.40
更新時間	2024-01-10
上架時間	2020-07-04
評分	4.68/5 共 28 次評分
開發者	Jinno
電子郵箱	[email protected]
付費類型	free
擴展官網	https://mor288.wixsite.com/jinno/how-to-use
說明頁面URL	https://mor288.wixsite.com/jinno/how-to-use
隱私政策頁面URL	https://www.freeprivacypolicy.com/live/9d846289-9bd9-47a7-9139-d2a4119179e0
支援的語言	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Jinno: design any website React\/HTML\/sketch", "version": "1.0.40", "description": "Build design system for React\/HTML\/CSS\/JavaScript faster then storybook figma or sketch ", "devtools_page": "devtools\/zloof.html", "permissions": [ "storage", "tabs" ], "host_permissions": [ "" ], "background": { "service_worker": "background\/background.js", "type": "module" }, "action": { "default_title": "Action Extension" }, "icons": { "16": "icons\/16.png", "32": "icons\/32.png", "48": "icons\/48.png", "128": "icons\/128.png" }, "content_scripts": [ { "matches": [ "https:\/\/\/", "http:\/\/\/" ], "js": [ "app.bundle.js" ], "run_at": "document_end" } ], "web_accessible_resources": [ { "resources": [ "inject\/*" ], "matches": [ "" ] } ], "manifest_version": 3 }