FigmaToTailwind
Get all CSS styling converted to tailwind classes directly from Figma.
What is FigmaToTailwind?
FigmaToTailwind is a Chrome extension developed by https://ardit.dev, and its main feature is "Get all CSS styling converted to tailwind classes directly from Figma.".
Extension Screenshots
Download FigmaToTailwind Extension CRX File
Download FigmaToTailwind extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
Get all CSS styling converted to tailwind classes directly from Figma. Extension Basic Information
| Name |  FigmaToTailwind |
| ID | kinjakmojdjkkddmpncnjnjpnciinana |
| Official URL | https://chromewebstore.google.com/detail/figmatotailwind/kinjakmojdjkkddmpncnjnjpnciinana |
| Description | Get all CSS styling converted to tailwind classes directly from Figma. |
| File Size | 47.42 KB |
| Installation Count | 25 |
| Current Version | 1.0.1 |
| Last Updated | 2022-09-25 |
| Publish Date | 2022-09-21 |
| Developer | https://ardit.dev |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://ardit.dev/ |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "FigmaToTailwind",
"version": "1.0.1",
"description": "Get all CSS styling converted to tailwind classes directly from Figma.",
"permissions": [
"tabs"
],
"host_permissions": [
"https:\/\/*.figma.com\/*"
],
"background": {
"service_worker": "background.js"
},
"content_scripts": [
{
"matches": [
"https:\/\/*.figma.com\/*"
],
"js": [
"contentScript.js"
]
}
],
"web_accessible_resources": [
{
"resources": [
"assets\/copy.png"
],
"matches": [
"https:\/\/*.figma.com\/*"
]
}
],
"action": {
"default_icon": {
"16": "assets\/ext-icon.png",
"24": "assets\/ext-icon.png",
"32": "assets\/ext-icon.png"
},
"default_title": "FigmaToTailwind",
"default_popup": "popup.html"
},
"manifest_version": 3
} | |
