Back to Plugins
.dot

.dot

Supercharge Figma with Tailwind and custom commands at your fingertips.

tailwindcssquick actionsdesign automation

Plugin Preview

.dot preview

About this plugin

.dot is a design command line tool that integrates with Figma, transforming the quick actions menu into a powerful command line interface. With .dot, designers can seamlessly access Tailwind functions, apply colors, and perform a wide range of tasks with speed and efficiency—bringing coding-like control to Figma's design environment.


Example Usage:

  1. It's easy, With a frame select type Cmd + P and .
  2. Choose the .dot plugin
  3. Type 'flex p-8 rounded-md bg-zinc-500' to create a styled container

Plugin Details

Version2
CreatedMarch 22, 2024
Last UpdatedOctober 2, 2024
Categorydesign-tools-other
CreatorMatthew Ortega
Stats5 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:bundle.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://api.unsplash.com
    • https://picsum.photos