Become a
Product Engineer
Become a
Product Engineer
Become a
Product Engineer
Browse articles and resources that'll help you get what's going on in the world of design and engineering.
Browse articles and resources that'll help you get what's going on in the world of design and engineering.
Browse articles and resources that'll help you get what's going on in the world of design and engineering.
![](https://framerusercontent.com/images/B5nFEQkdyehe45cXtL40GqsWWs.jpg)
![](https://framerusercontent.com/images/B5nFEQkdyehe45cXtL40GqsWWs.jpg)
Using Onlook with your own projects
Mar 18, 2024
![](https://framerusercontent.com/images/lRaiCtWyYiaL9IwCRyHoJynScM.jpg)
![](https://framerusercontent.com/images/lRaiCtWyYiaL9IwCRyHoJynScM.jpg)
Creating your first Pull Request with Onlook
Mar 17, 2024
![A designer wearing a yellow jacket sitting in a moonlit forest with his Macbook Pro open.](https://framerusercontent.com/images/infPZaMVklrp6fD6fB0KDxwBgP4.png)
![A designer wearing a yellow jacket sitting in a moonlit forest with his Macbook Pro open.](https://framerusercontent.com/images/infPZaMVklrp6fD6fB0KDxwBgP4.png)
What is a "Design Engineer"?
Mar 4, 2024
![](https://framerusercontent.com/images/CyFtPHMQ0RoMjB7Hi0hiZfyjVU.jpg)
![](https://framerusercontent.com/images/CyFtPHMQ0RoMjB7Hi0hiZfyjVU.jpg)
Inline vs. Internal vs. External CSS
Apr 8, 2022
It's time for a change. Or two or three.
It's time for a change. Or two or three.
It's time for a change. Or two or three.
Test out new ideas, new styles, new copy, new layouts, and more
Test out new ideas, new styles, new copy, new layouts, and more
Test out new ideas, new styles, new copy, new layouts, and more
Download Onlook
Download Onlook
![](https://framerusercontent.com/images/iV5v2ajaNECmeykYZQCjtmo5UQk.png?scale-down-to=2048)
http://localhost:3000/
Desktop
Layers
Pages
Header
Navigation
Main
Container
Your Dashboard
Last updated
Tuesday
Settings menu
Body
Recordings
Call 1
Call 2
Call 3
...
Notes
Footer
Assets
Variables
Color Styles
purple-400
purple-500
purple-600
purple-700
purple-800
blue-100
blue-200
blue-300
blue-400
blue-500
Open in VS Code
4 changes
Design
Interact
![](https://framerusercontent.com/images/qUurTi1JpvbtJM9fBJiIVH5M.png)
Share
Publish Code
Styles
Properties