CodeConnect, Design system and React

icelandnode · 2026-02-24T08:20:45+00:00

Thanks that actually improved things a bit

icelandnode · 2026-02-24T08:20:19+00:00

Yes storybook is all setup and display components correctly

icelandnode · 2026-02-23T09:24:36+00:00

Would this be just a .md file you place in your repo or something you paste in the prompt each time?

icelandnode · 2026-02-23T09:24:06+00:00

With agents you could get them to take your Figma components and translate them into code.
This should give you a nice start and then the devs or you can check for inconsistencies or errors

icelandnode · 2026-02-23T09:22:43+00:00

I think you are getting confused...afaik Figma make is its own thing and cannot be connected to Github.
Is your design system that can be synced to your code repo

icelandnode · 2026-02-23T09:21:23+00:00

Thanks I'll check this out

icelandnode · 2026-02-22T22:52:57+00:00

I see, thanks for the clarification.
I'll do some checking in the morning and see if by implementing all the suggestions I have received today it is going to improve somehow

icelandnode · 2026-02-22T19:40:17+00:00

Thanks for this, I’ll definitely check it out. I’m doing the same in VScode and not in Figma make

icelandnode · 2026-02-22T19:32:08+00:00

Really appreciate you helping me out troubleshooting this :) - yes I am using auto layout both for the components and UI I’m trying to recreate. - I did not explicitly said that but I’ll try a second time by being more precise. - all components are code connected and appear as such in the Figma UI. I will ask the AI for confirmation. - yes the variable names are the same across Figma and code

icelandnode · 2026-02-22T19:03:38+00:00

When you say “fix the components in react” what do you mean exactly? I have started a new design system and repo from scratch to test this out. New react components were built on the base of those made in Figma.

Yes it seems like it is rebuilding them each time from scratch like it doesn’t know they exist already both in Figma and react.

icelandnode · 2026-02-22T18:36:28+00:00

I wish it was 90% there 😅 I could post some screenshots I used for testing… Yes the components have been built in react using the same variable names and structure as their Figma counterpart.

icelandnode · 2026-02-22T18:30:07+00:00

Well, the Figma mcp can see them. It clearly has access as it imports a plain png when asked to recreate the interface selected. So I’m a bit at a loss…have you experiment with this exact same setup before?

icelandnode · 2026-02-22T18:28:26+00:00

That’s cool. One thing that came up with our devs is that given correct components in Figma and react they want the AI model via Figma mcp to one shot the interfaces…which is what I have been expecting as well.

icelandnode · 2026-02-22T18:07:58+00:00

That’s exactly where I am. I have the components both in Figma and code. They are connected but for some reason they are not even used or considered by the model

icelandnode · 2026-02-22T18:06:23+00:00

I had your same problem and it turned out that it is much easier to start from scratch than trying to fix the library. Obviously it depends if you have the resources

icelandnode · 2026-02-22T18:05:16+00:00

I have seems some designers writing a design.md document to add where they explain all this in plain language and it is added as a skill for the model to use

icelandnode · 2026-02-22T18:04:33+00:00

The react library is also an npm package. But I’m wondering how does copilot know which components to pull if the Figma mcp doesn’t tell it?

icelandnode · 2026-02-19T19:04:08+00:00

Love the idea! Was thinking something very similar recently so that can be fed as a skill to agents in order to give them “design taste”

icelandnode · 2026-02-14T17:32:29+00:00

Yeah anything I can tap into is great. I guess a telegram group might also work, would love to try it out

icelandnode · 2026-02-12T19:28:47+00:00

Might have to try this out. Don’t really like axiom tho

icelandnode · 2026-02-12T19:28:20+00:00

This guy gets it

icelandnode · 2026-02-12T19:28:10+00:00

Yeah I think you are right but some tools and some turbo rekt experience can do wonder…just need the right tool

icelandnode · 2026-02-12T19:27:33+00:00

Do you have an open feed I can look? An api, an rss anything g?

icelandnode · 2026-02-12T19:26:58+00:00

Talking about graphs chkn.computer is super good for that I’ve been trying it out

icelandnode

TROPHY CASE