2020-10-06
3101
#react
Doğacan Bilgili
26428
Oct 6, 2020 ⋅ 11 min read

Building Figma plugins with React

Doğacan Bilgili A software developer who is also into 3D-modeling and animation.

Recent posts:

Gemini CLI tutorial — Will it replace Windsurf and Cursor?

Gemini CLI tutorial — Will it replace Windsurf and Cursor?

Discover how to use Gemini CLI, Google’s new open-source AI agent that brings Gemini directly to your terminal.

Chizaram Ken
Jul 10, 2025 ⋅ 8 min read
React & TypeScript: 10 Patterns For Writing Better Code

React & TypeScript: 10 patterns for writing better code

This article explores several proven patterns for writing safer, cleaner, and more readable code in React and TypeScript.

Peter Aideloje
Jul 10, 2025 ⋅ 11 min read
A Guide To Wrapper Vs. Container Classes In CSS

A guide to wrapper vs. container classes in CSS

A breakdown of the wrapper and container CSS classes, how they’re used in real-world code, and when it makes sense to use one over the other.

Temitope Oyedele
Jul 7, 2025 ⋅ 10 min read
Stagehand and Gemini logos on a gradient background symbolizing AI web automation

How to build a web-based AI agent with Stagehand and Gemini

This guide walks you through creating a web UI for an AI agent that browses, clicks, and extracts info from websites powered by Stagehand and Gemini.

Elijah Asaolu
Jul 4, 2025 ⋅ 8 min read
View all posts

2 Replies to "Building Figma plugins with React"

  1. https://www.echojs.com/comment/37652/1

    Interresting, though for something like this, that’s embedding in another application instead of being the application, I’d probably reach for preact or hyper as another JSX transform option, which will be much lighter. You can even swap in prod vs dev builds for testing. React adds a lot of tooling and niceties that come with a ton of overhead.

    You’re looking at probably a 80k deliverable for the example out of the box, vs under 5k using hyper+jsx or preact.

    I like React. This just is a case where using something smaller/lighter but being very similar in practice would be better.

    1. https://github.com/lukejacksonn/hyperapp-wiki/blob/master/docs/jsx.md
    2. https://github.com/preactjs/preact
    3. https://github.com/kenoxa/svelte-jsx

Leave a Reply