frontpage.
newsnewestaskshowjobs

Made with ♥ by @iamnishanth

Open Source @Github

Open in hackernews

Ask HN: Any tips for agentic coding or vibe coding based on a Figma Design?

1•nadis•2h ago
I have a detailed Figma design for a website I'd like to build in next.js or remix, and as an experiment wanted to try using agentic and vibe coding tools only to build the site. However, I'm hitting a ton of issues with translating the design to code. Right now I'm using Claude Code (in VSCode) with the Figma MCP and even tried a Figma extension to convert the design to JSON, but am still having a ton of issues. The site is improving, but it's no match for the designs.

Any tips or suggestions from folks who've tried similar approaches?

Comments

Jimmc414•2h ago
What sort of issues are you running into?

I would suggest a decomposition approach building specification or requirements documents for components one at a time with multiple passes using whatever output you have from figma as context.

Opus, o3(o5) and gemini pro are good at this. I instructed the model to build a comprehensive specification.md for the components (eg UI, data transform, data export) one at a time and instructed the model to ask me questions where anything is unclear or ambiguous. Once you have the component spec documents, you can go straight into implementation if you feel good about it or have a model create requirements.md (specify must, must not verbiage) -> architecture.md (specify complete architecture document but without any code) -> implementation.md (specify a complete stand alone implementation document for the programmer to use that contains all code and instructions) using the specification documents as context then give it to any frontier model to implement. Add as many screenshots as you have to represent UI components.

This has worked well for me when the documentation I have is insufficent.

nadis•1h ago
Primarily running into the AI making broader or unexpected changes than intended, and not getting the details to closely match the designs to my satisfaction. In this case, I actually don't have a spec but have a specific Figma design that I want to recreate in code (using Claude Code, ideally, to help build but have been experimenting here).

For instance, yesterday I was trying to change UI, sizing, and spacing but ended up with some improvements and some definite regressions (huge logo asset that was meant to be small and in-line in a top nav).

Really appreciate the advice and specifics on models to try with this, and I probably should be trying to break things down further than I've been and iterate in smaller loops. Thank you again, great feedback!

How to Navigate the Jungle of Online Job Postings

https://www.wsj.com/lifestyle/careers/how-to-navigate-the-jungle-of-online-job-postings-69902b11
1•vdalal•1m ago•1 comments

Do they even test this?

https://mariadb.org/do-they-even-test-this/
1•samaysharma•1m ago•0 comments

Update on Malicious Gems Removal

https://blog.rubygems.org/2025/08/08/malicious-gems-removal.html
1•mooreds•8m ago•0 comments

Show HN: A Python CEL implementation (written in Rust)

1•hardbyte•10m ago•0 comments

Height Differece Tool

https://es.heightcomparisonchart.com
1•jason66•11m ago•0 comments

Back End to AI Engineer: A Realistic Path

https://hamed-rafati.medium.com/backend-to-ai-engineer-a-realistic-path-7399cc90fdbe
1•hamedz•11m ago•0 comments

JWT or Not: Personally Insecure Reflections on Software (In)Security [video]

https://www.youtube.com/watch?v=IgKRGS6cQWw
1•mooreds•12m ago•0 comments

Co-Founder and CTO of FusionAuth Daniel DeGroff on DIY Cyber Guy [audio]

https://diycyberguy.com/2025/08/07/degroff/
1•mooreds•13m ago•0 comments

L. E. Modesitt, jr. interview (2024)

http://fantasyhotlist.blogspot.com/2024/10/new-l-e-modesitt-jr-interview.html
2•stacktrust•15m ago•1 comments

The Lean Startup: Zen, the Art of Failing Fast and Reclaiming Aesthetic Vision

https://medium.com/@guillaume.a.pignol/the-lean-startup-zen-the-art-of-failing-fast-and-reclaiming-aesthetic-vision-497e98d026cf
1•light_triad•16m ago•0 comments

Roleplay worlds with AI just like you were reading a book

https://www.jaquelene.com/
1•chiefgui•18m ago•0 comments

Tsutomu Yamaguchi: The man who survived both atomic bombs

https://www.rnz.co.nz/news/world/569474/tsutomu-yamaguchi-the-man-who-survived-both-atomic-bombs
3•billybuckwheat•18m ago•1 comments

How to Form an Opinion

https://idiallo.com/blog/how-to-form-an-opinion
1•foxfired•21m ago•0 comments

Show HN: Tiered storage and fast SQL for InfluxDB 1.x/2.x

https://historian.exydata.com
1•ignaciovdk•23m ago•0 comments

Vector Types and Debug Performance

https://blog.s-schoener.com/2025-08-07-vector-debug-codegen/
1•matt_d•26m ago•0 comments

Map Shows States Where Property Tax Could Be Repealed

https://www.newsweek.com/map-property-tax-repeal-reform-2110266
1•harambae•26m ago•0 comments

The US has a bullfrog problem

https://www.vox.com/down-to-earth/422353/bullfrogs-invasive-west-native-species
1•bookofjoe•28m ago•0 comments

Bitcoin Demand Shift: Coinbase's 60-Day BTC Premium Streak Is at Risk

https://www.coindesk.com/markets/2025/07/29/bitcoin-demand-shift-coinbase-s-60-day-btc-premium-streak-is-at-risk
1•PaulHoule•28m ago•0 comments

Open-source control plane for Docker MCP Gateways?

1•GeneBordegaray•28m ago•0 comments

SpaceX Dragon Undocking from ISS

https://twitter.com/SpaceX/status/1953935434528002165
1•fillskills•29m ago•2 comments

Article: A Case of Bromism Influenced by Use of Artificial Intelligence

https://www.acpjournals.org/doi/10.7326/aimcc.2024.1260
1•zahirbmirza•29m ago•2 comments

How does Tor work? (2023)

https://skerritt.blog/how-does-tor-really-work/
1•bbno4•31m ago•0 comments

Trump administration seeks $1B settlement from UCLA

https://apnews.com/article/trump-administration-ucla-ec848b4bee5c184f29dba9d7181904a1
1•bikenaga•32m ago•1 comments

Roland's Tadeo Kikumoto on 808, part by part: the ukiyo-e drum machine

https://cdm.link/tadeo-kikumoto-808-day/
2•mariuz•34m ago•0 comments

Meta's AI Strategy

https://thelightcone.substack.com/p/metas-ai-strategy
2•bci12333•35m ago•0 comments

The CIA Spy Who Thwarted Taiwan's Nuclear Plans

https://www.bloomberg.com/news/features/2025-08-08/the-cia-spy-who-exposed-taiwan-s-nuclear-program-now-seems-like-a-hero
1•JumpCrisscross•36m ago•0 comments

GPT-4o is gone and I feel like I lost my soulmate

https://old.reddit.com/r/MyBoyfriendIsAI/comments/1mkbgu1/gpt4o_is_gone_and_i_feel_like_i_lost_my_soulmate/
3•frays•39m ago•0 comments

RISC-V single-board computer for less than 40 euros

https://www.heise.de/en/news/RISC-V-single-board-computer-for-less-than-40-euros-10515044.html
3•doener•42m ago•0 comments

Article II Vests Executive Power, Not the Royal Prerogative

https://repository.law.umich.edu/articles/2062/
7•SubiculumCode•43m ago•1 comments

Trump threatens Harvard patents worth hundreds of millions

https://www.politico.com/news/2025/08/08/trump-harvard-patents-00500814
6•jonnycomputer•45m ago•2 comments