플라스 믹

WYSIWYG 웹 앱 빌더

Tom UI 및 UX, 웹 주변, 도구 및 개발

보여주고 말 하지마

사용자 인터페이스 요소를 구현할 때 가장 큰 단점 중 하나는 WYSIWYG 원칙에 따라 요소를 편집 할 수있는 강력한 편집기가 없다는 것입니다. 프로그래머로서 앱의 시각적 측면을 구현하는 것은 종종 지루합니다. 이는 코드를 통해서만 정의 할 수 있기 때문에 프로그래밍 중에 코드와 웹 앱의 로컬 미리보기 사이의 지속적인 변경이 필요합니다.

모든 것이 외모로 내려갑니다

그러나 Plasmic은 그것을 변경합니다. 사용자는 Plasmic 편집기에서 직접 사용자 인터페이스를 디자인 할 수 있으며 편집기는 백그라운드에서 코드를 생성합니다. Photoshop과 같은 다른 유사한 앱과 마찬가지로 시각적 요소는 Plasmic으로 직접 조정할 수 있습니다.

그러나 사용자 인터페이스를 디자인하는 것만으로는 충분하지 않습니다. 생성 된 UI는 앱의 다른 구성 요소와도 상호 작용할 수 있어야합니다. 간단한 예는 클릭시 특정 작업을 수행해야하는 버튼의 디자인입니다.

Plasmic은 또한이 중요한 기능을 고려했습니다.이 기능이 없으면 프로그래머가 UI 편집기를 사용할 수 없습니다. 생성 된 구성 요소는 코드에서 쉽게 사용할 수 있으며 관련 섹션을 덮어 쓸 수 있습니다.

통합 통합

Plasmic Editor는 Next.js를 염두에두고 빌드되었으므로 코드를 건드리지 않고도 정적 또는 동적의 완전한 Next.js 앱을 만들 수 있습니다. 물론 이것은 단순한 앱에만 적용되지만 Plasmic은 정말 강력하며 앱의 UI 구축 환경을 바꿀 수 있다는 아이디어를 얻습니다.

빠른 반복

변경 사항을 눈앞에서 확인하면서 사용자 인터페이스를 편집 할 때의 가장 큰 이점은 엄청나게 빠른 반복주기입니다. 변경 사항을 확인하기 위해 코드 편집기와 브라우저 사이를 전환 할 필요없이 Plasmic은이 워크 플로를 조화시켜 앱의 시각적 디자인을 빠르게 발전시킬 수 있습니다.

시도 할 준비가 되셨습니까?

Plasmic은 현재 무료로 사용할 수 있으므로 한 번만 시도해 볼 수 있습니다. 크고 복잡한 프로젝트에서 도구가 얼마나 잘 확장 될 수 있는지 확인해야하지만 현재 기능 세트에 매우 흥미가 있습니다! 프로그래머를위한 사용자 인터페이스 디자인을 더 쉽게 만드는 것은 매우 환영할만한 변화입니다. 이 프로젝트의 진행 상황을 면밀히 따를 것입니다!


행위

Feedback

추천 게시물