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
公式URL	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
Eメール	[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 }