Build components visually in Webflow, connect to your local React project, and import ready-to-use components complete with props, slots and interactions. It's the fastest way to prototype something you can actually use in your product.
Hey ProductHunt!
I’m excited to announce the latest Webflow Labs launch: DevLink https://webflow.com/devlink! DevLink allows you to build components in Webflow for use in React projects — design and development teams can quickly ship pixel perfect designs and simplify the way they collaborate.
Creating ready-to-use, high-fidelity React components in Webflow’s best-of-breed designer can help teams in a lot of ways:
- Launch web apps and products faster by skipping the entire process of coding UI elements
- Connect Marketing and Product by providing a method for owners of the core app to repurpose work done on the marketing site
- For agencies and freelancers, expand the services you offer clients by giving them entire design systems with code counterparts.
To use DevLink, there’s just a few basic steps:
1. Design and build UI components in Webflow using our visual development Designer
2. Connect Webflow with your local React project
3. Import ready-to-use React components complete with props, slots, and interactions
Best of all, anyone on any plan can start to use DevLink for free during our beta!
Used alongside our [Figma-to-Webflow plugin](https://www.producthunt.com/prod...), we imagine our users will be able to design almost straight through to production.
We're launching DevLink in beta and we’re keen to see what folks would most like to see next. We have lots of enhancements planned, such as Storybook, supporting more frameworks other than React (Svelte, Vue, etc), and more!
You’ll need a Webflow account, so make sure to sign up for a free Webflow account if you don’t have one already. https://webflow.com/devlink
Let us know what you think!
Webflow Labs is a new innovation lab at Webflow I'm heading up. You can read more about it here: https://webflow.com/blog/announc...
I can't stop raving about this product to my friends and colleagues. It's a true gem in a sea of mediocrity. I can't imagine going back to my old ways after using it
Huge congrats on the launch 🚀 Thank you for introducing new possibilities for advanced Webflow users and devs 🙏🏼
Congrats Webflow! This is exciting for many reasons. I come from a technical background building interactive web applications and I know the pain having to exchange designs and discussing tradeoffs. This is truly game changer!
@bryantchou are there plans to support the other direction? React to Webflow? I think that would open to a ton of possibilities. React apps powered by the Webflow CMS for example 😉
I look forward to seeing what Webflow and Webflow Labs launches next, keep it up!
Huge congrats to the Webflow team! Webflow has been a game changer in the way that I build and create on the web, so much so that I'm now working on helping create a better ecosystem for Webflow through a variety of tools and services.
It's exciting to see Devlink go live to the public. It's always a breath of fresh air seeing feedback taken into account so quickly and the Webflow team making updates to their ecosystem on a weekly, and sometimes daily basis.
Congrats on the launch! Been using webflow to create web apps since their early days. Excited to try it out, this will be a gamechanger!
I'm sure this is cool and it's great to see Webflow opening up more doors with its product, but the core Webflow platform has so many issues and open feature requests that I can't help but be disappointed when I see things like this come out from the Webflow team. Why is precious development time being spent on things that very few (if any) people are asking for and not fixing the more pressing issues that are plaguing your main product?
Your pricing is confusing, user permissions/editability are ridiculously lacking, eCommerce is useless, Webflow forms are barely passable, and there are SO many little missing features that should be a no-brainer to include, but for some reason Webflow hasn't added in yet (media library for clients, on-page filtering/sorting, reordering collection items, etc).
The actual Webflow builder is bar-none the absolute best way to create marketing sites available today. Believe me, I love you guys. You have an amazing product. But you're all over the place when it comes to your policies and business decisions, and it's hard to continue to have confidence in your product when I don't see any major improvement on these fundamental items that have been left broken for years.
Any thoughts?
This is a great idea!! I see a lot of value since this can help the designers to go extra mile in the product team and build the components they are designing.
My question is, since every product team works with different utility classes and mixins, how should be the workflow between Webflow Devlink and the dev team to have a smooth collaboration?
Having worked on both backend and frontend development with other team members, I have sympathy for each 'side' and how difficult it can be to coordinate changes without falling out not to mention how much time, money and energy is wasted in the (broken) process. So to be able to work on either side and work in relative harmony together is a godsend for a busy app development team.
When do you think the "import of React components back into Webflow" piece might be available @bryantchou and how would that work exactly? I'm assuming that the Source component the desginer works on would be left untouched and the fully hooked-up React component would become a new component instance in the Webflow project?
Congratulation ! Very happy to see the evolution of the tool I use every day. New perspectives are expected for our customers, this is very good news.
Wow this is a game changer...love the link feature. You guys absolutely crushed it!
Congratulations on your launch! I am using Webflow a lot, so I will try it out. 🚀🚀🚀
About Webflow DevLink on Product Hunt
“Use Webflow to build React & Web components visually”
Webflow DevLink launched on Product Hunt on June 6th, 2023 and earned 200 upvotes and 28 comments, placing #6 on the daily leaderboard. Build components visually in Webflow, connect to your local React project, and import ready-to-use components complete with props, slots and interactions. It's the fastest way to prototype something you can actually use in your product.
Webflow DevLink was featured in Design Tools (259.5k followers), Prototyping (71.4k followers) and Web Design (8.8k followers) on Product Hunt. Together, these topics include over 40.2k products, making this a competitive space to launch in.
Who hunted Webflow DevLink?
Webflow DevLink was hunted by brryant. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Webflow DevLink stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
brryant