# How to sync code with latest figma design

**URL:** <https://forum.builder.io/t/how-to-sync-code-with-latest-figma-design/15001>\
**Category:** Technical Questions\
**Created:** [June 1, 2025, 12:02am UTC](https://forum.builder.io/t/how-to-sync-code-with-latest-figma-design/15001 "2025-06-01T00:02:54Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![itanil1203](https://avatars.discourse-cdn.com/v4/letter/i/e495f1/32.png) [@itanil1203](https://forum.builder.io/u/itanil1203)\
**Post date:** [June 1, 2025, 12:02am UTC](https://forum.builder.io/t/how-to-sync-code-with-latest-figma-design/15001/1 "2025-06-01T00:02:54Z")

</div>

How to sync code with latest figma design

initially created a design with two text fields and a button. Generated code and copied files to workspace.

Now I have added another button in figma page, do I need to completely generate code and replace entire thing in codebase or how to sync only newly change design

---

<div class="post-metadata">

**Author:** ![sheema](https://avatars.discourse-cdn.com/v4/letter/s/e19adc/32.png) [@sheema](https://forum.builder.io/u/sheema)\
**Post date:** [June 3, 2025, 10:55am UTC](https://forum.builder.io/t/how-to-sync-code-with-latest-figma-design/15001/2 "2025-06-03T10:55:44Z")

</div>

Hey @itanil1203 , here’s what you can do when **design changes after the initial code export**.

1. **Select only the new or changed elements** (e.g., the new button).
2. Click **“Generate Code”** in the Builder Figma plugin.
3. Copy only the relevant code snippet (JSX/CSS/etc.).
4. **Manually paste** it into your existing component (e.g., update your `ButtonGroup` or `Form` component).

Let me know if you have any further questions.