8

Aspect - Create react components visually | Product Hunt

 2 years ago
source link: https://www.producthunt.com/posts/aspect
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
Ranked #17 for today

Aspect

Create react components visually

Aspect is visual editor for react components. Convert designs into code using the Figma plugin, or sample UI from any site using Aspect's chrome extension.
Flatfile
Ad
Intelligent data import, embedded right into your product

I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. Hope it's useful!

Features:

1. Visual editor

The editor lets you create and manage react components, all visually. No more jumping through files and imagining what each component looks like.

2. Chrome extension

Copy UI elements from any site using Aspect's chrome extension. You can edit the code visually in Aspect's editor, or paste it directly into your codebase.

3. Figma plugin

Convert designs into react components using aspect's Figma plugin. Sketch and AdobeXD support coming soon.

Hey, there are so many of these tools that simply do not do what they advertise for. This one unfortunately is no difference ...

No code is not there yet. The only Company that has somewhat achieved that is Framer in my opinion.

@produkhelt Is there a specific feature that’s not working? I’ve tested each feature with thousands of users so far, for example: https://news.ycombinator.com/ite...
@tscepo Hey, I just did a quick test where I took a design from Figma and synced it to Aspect. Result was more than underwhelming.
@produkhelt depending on how complex your view is, it won’t be perfect. You can improve the export quality if you use Figma’s autolayout feature. Otherwise email me a screenshot of your figma design and I’ll make updates right now [email protected]

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK