Avatars - A Figma Plugin Boilerplate

Avatars is a robust and customizable Figma Plugin boilerplate, designed to help developers kickstart their plugin projects with ease. This boilerplate provides a solid foundation with TypeScript integration, ensuring that your development process is smooth and efficient.

$34$12.99

(1)

2 Sales

View Demo

Price is in US dollars and excludes tax and handling fees

What’s included

  • Includes source code for the Avatars plugin, which has 34k+ users and 340+ likes on the Figma marketplace, with 500+ weekly users.
  • Enables quick launching of Figma plugins using your own resources.
  • Provides a diverse collection of free avatar images to enhance your projects visually.
  • Pre-configured TypeScript environment for streamlined development.
  • Development server with live reloading and automatic TypeScript compilation.
  • Seamless integration with the Figma Plugin API, including all necessary typings.
  • Lifetime updates

    • 💻 Getting Started

    Setting up Avatars is straightforward:

    Install Dependencies

    • Ensure you have Node.js installed, as it includes NPM (Node Package Manager).
    • Run npm install to install the necessary packages.

    Start Developing

    • Use npm run dev to start the development server. This command watches your TypeScript files for changes and automatically compiles them to JavaScript.

    To run the plugin in figma, you'll need to download the Figma desktop application.

    After downloading, navigate to the Files menu > Plugins > Development > Import plugin from manifest.json file, then navigate to the project folder and select the manifest.json file.

    Importing the plugin

    This will import your plugin successfully. ✅

    Plugin imported

    You can now launch and use the plugin by going to the plugins menu.

    Launching the plugin Using the plugin

    That's it! When you run the development server with npm run dev and update the code in the ui.html or code.ts files, the plugin will update in real-time. ⚡

    For more information on how to build and run figma plugins, refer to the Figma Plugin Quickstart Guide.

    🎯 Who is This For?

    Avatars is perfect for developers looking to build their own Figma plugins with minimal setup time. Whether you're a seasoned developer or just starting out, this boilerplate is designed to streamline your workflow and let you focus on creating great plugins.

    📚 Resources