Abdulkader Safi

Figma plugins · from $3,000 · 2-6 weeks

Figma plugin development

Your design team does the same thing by hand a hundred times a week: renaming layers, pasting real data, checking tokens. A plugin does it once, correctly.

Figma plugin development

What it replaces

None of this is design work

All of it can be a plugin. Bring the one your team complains about most.

  • Pasting real customer data into mockups, one field at a time

    Mockups fill from your API or CMS with real names, prices and copy

  • Renaming layers to match the naming convention

    Hundreds of layers renamed, restructured and retagged in one pass

  • Checking every component uses a token, not a hardcoded hex

    A scan lists detached components, hardcoded colours and off-scale spacing

  • Exporting assets and re-sorting them for engineering

    Tokens, specs and assets exported in the format engineering already uses

Where I stand on Figma

A straight answer before you pay

I've shipped Design to HTML, a Figma plugin that exports a frame to one HTML file, and S-Calc, which passed review for Obsidian's community marketplace. I work in Figma every day on client design work, including this site.

If you'd rather hire someone with five shipped Figma plugins, that's a fair call. The hard part is rarely the Figma API. It's understanding the workflow you want gone.

Shipped

  • Design to HTML Figma plugin · completed
  • S-Calc Obsidian community marketplace
  • Daily Figma work Client product design, including this portfolio

Private or public

Your call, same price

  • Private

    Only your organisation

    Only your team can install it. Most companies pick this, because the plugin encodes their own workflow and design system rules.

    Start with this →
  • Public

    Published to the community

    Released under your name in the Figma community, and I handle the submission.

    Start with this →

How it works

Something to run in your file by week two

  1. A call

    Show me the repetitive thing your designers do.

  2. Scope

    What it does, what it doesn't, and the price.

  3. Build

    A version you can run in your own file by around week two.

  4. Handover

    Source, docs, and a private or community build.

What you get

Documented, so it outlives me

  • Working Figma plugin, installed and tested
  • Clean, documented TypeScript source you own
  • Build and release pipeline
  • Community submission, or a private org-only build
  • User documentation for your design team
  • Handover walkthrough

FAQ

Questions about Figma plugins

Your question isn't here? Ask it on the free call, or email safi.abdulkader@gmail.com.

How much does a custom Figma plugin cost?

Figma plugins start at $3,000. A focused bulk-operation tool sits near that floor. A plugin with a full custom UI, authentication and live API integration costs more. Scope and price are agreed in writing before you commit.

Can a plugin pull real data from our API into our designs?

Yes. The plugin calls your API or CMS and fills text and image layers with real names, prices and copy, so mockups stop using placeholder data.

Can the plugin stay private to our organisation?

Yes. Figma lets an organisation publish a plugin only to its own members, and most companies choose that. The price is the same either way.

Can a plugin enforce our design system?

It can check it. A scan lists detached components, hardcoded colours and spacing off your scale, and can fix the simple cases in one pass.

Start a project

Tell me what you need

I reply within one business day with questions first, then a fixed quote.

Project request

Name, email and message are required

Max 2000 characters.

I reply within one business day.

Your message goes to the admin panel. Nothing is shared with anyone else. See the privacy policy.