Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

I made a free Figma library packed with components for fast prototyping

veryfront.com

Post reply on HN
Print view View original

31–40 of 71 posts

Re: I made a free Figma library packed with components for fast prototyping

#31

Post by [deleted] »

jillesvangurp wrote: post #3

Veryfront is amazing. I've known Koji for several years and he and his team have built a lot of great tech that now covers everything from rapid design iteration, to developing with their web IDE, with a live preview (it actually continually builds your website). and deploying using their cloud hosting solution. The technology stack is very flexible. You can add your own components, libraries, styling solutions, back…

[deleted]

Re: I made a free Figma library packed with components for fast prototyping

#34

Post by trevorhinesley »

kojiwakayama wrote: post #29
replwoacause wrote: post #26

Looks nice but I just wish every new thing wasn’t React based

Thanks for the valid feedback. What is/would be your preferred stack?

FWIW I +1 that comment. Great tool, just not my stack. Rails + Hotwire here

Re: I made a free Figma library packed with components for fast prototyping

#35

Post by kojiwakayama »

n144q wrote: post #33

For prototyping purpose, how does this compare to other design kits, e.g. Material Design? https://www.figma.com/community/file/1035203688168086460/mat...

Material Design is awesome. What I like about Veryfront components is that it includes also section components which are larger building blocks and integrates nicely with Veryfront Studio for seamless dev handoff, which then allows to go from build to deployment quick and easily.

Re: I made a free Figma library packed with components for fast prototyping

#36

Post by kojiwakayama »

trevorhinesley wrote: post #34
kojiwakayama wrote: post #29

Earlier quoted context omitted.

Thanks for the valid feedback. What is/would be your preferred stack?

FWIW I +1 that comment. Great tool, just not my stack. Rails + Hotwire here

Rails and Hotwire is a nice stack. Thx!

Re: I made a free Figma library packed with components for fast prototyping

#37

Post by kojiwakayama »

airstrike wrote: post #27
baxtr wrote: post #7

I would love to have a text box in Figma and then just type in what I want. "Design a basic login screen. Change red for yellow. Move the layer up front." Is anyone working on this at Figma?

Somewhat tangential but I've found Claude 3.5 to be ridiculously good at doing this kind of prototyping with React, and you get the preview immediately in the artifact pane to the right of the chat. Mind you I don't ever use React (I'm writing a desktop app in Rust), so I'm probably as unbiased an audience as it gets. Here are a couple of examples of things people asked for help with and I just iterated with Claude f…

Definitely, AI for coding makes sense. In the Veryfront Studio, you get a similar experience with live previews and AI coding capabilities, with the added benefit of being able to instantly deploy or export your code.

Re: I made a free Figma library packed with components for fast prototyping

#39

Post by maximilianthe1 »

baxtr wrote: post #7

I would love to have a text box in Figma and then just type in what I want. "Design a basic login screen. Change red for yellow. Move the layer up front." Is anyone working on this at Figma?

Recently needed to develop a React Web solution for hackathon. I had 0 previous experience with web, but was able to create a good looking (but with 0 logic) website, using Vercels V0[0]. It did great both working from text suggestions and from figma screenshots. It also was great at implementing changes after initial generation. Not an add btw, haha

[0] v0.dev

Re: I made a free Figma library packed with components for fast prototyping

#40

Post by mattkevan »

submeta wrote: post #6

I am about to draft a UI and user flow for an internal tool (an LLM based RAG). I was thinking about using Vercel/V0. Is this an option? What else can I use? Is Figma a must have in my tool belt?

This is a RAG search I built with NextJS, Pinecone and Langchain. It also uses AI for content tagging and summarisation.

https://www.uxlift.org/search/

I made a quick wireframe in Figma, but didn’t bother to pixel-perfect it. I mostly design in the browser, but taking a few minutes in figma up-front to get the shape of it saves time in the long run.

If I’m designing for stakeholders or dev teams I’ll still absolutely produce full prototypes and designs otherwise bad things happen. Figma is the current market leader, but you could use anything that you can communicate your intent well enough with, from the back of an envelope to a competitor like Penpot or Sketch. Just don’t use Photoshop.

V0 is interesting, but the results can be inconsistent. For my site I just copied and pasted the shadcn components I wanted and tweaked the styling to fit. Not sure V0 would be faster, though it might be useful for generating ideas. Depends on how much control you want over the final layout.

Post reply on HN