너무너무 요용한 채널을 알게 되어 기뻐요. 해외에서 Figma로 작업하는 디자이너인데 최근 Framer를 알게 되면서 회사내에서 작업프로세스에 프레이머를 어떻게 적용시킬수 있을지 혼자 고민중에 있어요. 저는 Digital marketing agency에서 일하여, WP를 platform으로 작업하고 있어요. Webflow도 많이 알려져있긴한데, 국내에도 webflow가 알려져 있다면 Framer와 Webflow의 비교해 보는것도 재미있을것 같아요. 그리고 Spline도 국내에 소개시켜주세요!
결국의 디자인툴의 궁극은 코드화 인 것 같네요. 요즘 프론트 개발 리소스를 줄일 수 있을까 확인차 프레이머 써보고 있는데, 디자인에서 퍼블리시 하는 단계랑 CMS기능을 제공하는 부분에선 확실한 장점이 있는 것 같아요. 다만, 로그인 기능과 같은 DB와 연결해야 되는 부분에선 개발자의 도움이 필요하기 때문에 랜딩페이지 정도밖에 구현을 못하는 것 같아 아쉬웠어요. 개인적으론 이 툴 하나로 프로덕트의 완성도를 어디까지 끌어올릴 수 있느냐가 중요한 것 같습니다.
질문이 있어요 웹사이트 제작 초짜입니다. 프레이머를 사용하면 좋을것 같아요. 저희가 도메인은 보유하고 있는데 퍼블리싱된 주소를 연결하여 호스팅하는 방법 궁금합니다. 그리고최근에 카페24에 호스팅과 워드프레스 패키지 를 결제했답니다. 그런데 템플릿으로 제작하는 것이 마음에 들지 않아서 프레이머를 공부해보려 합니다만. 호스팅 관련 서비스 연동을 어떻게 할지 궁금합니다. 너무 무식한 초짜질문이라 ㅜㅜ
잘 봤습니다. 몇가지 질문이 있어요. 1. 프레이머로 커뮤니티 사이트를 만들면 더욱 빠르고 효율적일까요? 커뮤니티 게시판 UI/UX를 프레이머에서 디자인해 두면 백엔드 프로그래머가 빠르게 연동할 수 있는지 궁금합니다. 2. 그리고 프레이머와 친화적인 웹 프로그래밍 언어가 따로 있는지도 알고 싶습니다. 3. 프레이머 시작하기는 총 몇화 정도로 예정되어 있나요?
1. 제가 개발자가는 아니라서 정확하게 빠르다 어떻다 말씀드리기가 좀 어렵네요ㅠ 다만, 아직 개발에 있어서 몇가지 기능적인 어려움이 있어보여요. 프레이머는 노코딩에 따른 컴포넌트 제공에 아직 치중되어 있거든요. 대신, 와이어프레임의 실제 구현과 CSS 정보를 바탕으로 개발자에게 빠르게 보여준다는 점 정도 말씀드릴 수 있을 거 같아요. 프레이머로 커뮤니티 사이트 제작하는 방법은 저도 계속 찾아보고 있습니다. 추후에 영상으로도 만들어볼게요! 2. 친화적인 건 아무래도 HTML이지 않을까 싶습니다. 가장 최근 업데이트 내용도 그렇고 프레이머 커뮤니티를 보면 HTML 정보가 가장 많아요! 3. 프레이머 시작하기는 총 10화로 계획했는데요. 기본적인 내용에 약간의 응용을 더해 툴 운용이 가능한 정도가 콘텐츠의 목표입니다. 이후에는 좀 더 복잡하고 다채로운 활용에 대해 다뤄볼 예정입니다!
@@homestudioframer 답변 고맙습니다. 프레이머 컴포넌트가 어떤 개념인지 저는 아직 모르지만 아마 사이트를 모듈식으로 조립하는 개념이라면 누군가 게시판 컴포넌트를 만들어 올리고 다른 사람들이 그것을 붙여넣기만 하면 간단하게 커뮤니티를 구현할 수 있는 그런 게 되면 좋겠네요. 요즘 노코딩으로 쇼핑몰 조립하는 사이트가 그런식으로 잘 되어있더라고요. 네이버 카페도 간단한 수준에서는 레이아웃을 드래그 앤 드롭으로 바꿀 수 있고요. 아니면 옛날에 제로보드 처럼 만들수도 있겠고요. 프레이머라면 그런 게 가능해지지 않을까 생각되네요. 그러면 사업 영역이 쇼핑몰, 카페로 커지면서 프레이머 측에서도 수익성이 좋을 것 같거든요. 지속적으로 관심 가지고 지켜보겠습니다. 구독했습니다.
음 피그마도 버튼만 누르면 퍼블리싱이 될 수 있는 플러그인들이 많아요. 근데 쓸만한 플러그인 가격이 20만원/월 이라서, 1인 개발자입장에서는 프레이머로 만들고 추후 수정하는게 나을수도 있겠네요. 저는 피그마로 만들고 플러그인써서, React로 변환한다음에, 코드 리팩토링을 하는 구조로 일했었어요. 좋아하는 유튜버 프레이머 쓰길래, 찾아봤는데 프레이머 장점은 화려한 애니메이션이 아닐까 싶어요.
안녕하세요~ 혹시 아임웹이라는 웹빌더도 아신다면 장단점 비교가 가능할까요? 저는 프레이머를 거의 처음 접해보지만 AI가 금방 짜주는 레이아웃과 그리드 방식의 아임웹보다 더 자유로운 레이아웃 편집기능이 아임웹에 비해 더 장점인 것 같고, 단점이라면 아무래도 해외 툴이다보니 접근성과 홈페이지 제작 요청을 하는 사람들의 신뢰? 정도이지 않을까 싶습니다
제가 말씀하신 툴을 모두 직접 사용해보진 못해서 정확히 다 나열해드릴 수는 없을 거 같아요. 다만, 저도 여기저기 찾아보고 들어본 걸 바탕으로는 말씀하신대로 자유로운 디자인에서 가장 큰 강점을 가지고 있는 것 같습니다. 국내에도 프레이머로 작업하시는 분들이 꽤 숨어계세요!ㅋㅋㅋ
정말 궁금했던 내용이었어요 홈페이지를 공부해서 만들어보려고 하는데 피그마는 정확히 프레이머는 정확히 어떤 프로그램인지 궁금했는데 이제 공부를 시작하는 입장에서 어떤 프로그램으로 입문할지 알려주셔서 감사합니다 속시원하네요
너무너무 요용한 채널을 알게 되어 기뻐요. 해외에서 Figma로 작업하는 디자이너인데 최근 Framer를 알게 되면서 회사내에서 작업프로세스에 프레이머를 어떻게 적용시킬수 있을지 혼자 고민중에 있어요. 저는 Digital marketing agency에서 일하여, WP를 platform으로 작업하고 있어요. Webflow도 많이 알려져있긴한데, 국내에도 webflow가 알려져 있다면 Framer와 Webflow의 비교해 보는것도 재미있을것 같아요. 그리고 Spline도 국내에 소개시켜주세요!
결국의 디자인툴의 궁극은 코드화 인 것 같네요. 요즘 프론트 개발 리소스를 줄일 수 있을까 확인차 프레이머 써보고 있는데, 디자인에서 퍼블리시 하는 단계랑 CMS기능을 제공하는 부분에선 확실한 장점이 있는 것 같아요. 다만, 로그인 기능과 같은 DB와 연결해야 되는 부분에선 개발자의 도움이 필요하기 때문에 랜딩페이지 정도밖에 구현을 못하는 것 같아 아쉬웠어요. 개인적으론 이 툴 하나로 프로덕트의 완성도를 어디까지 끌어올릴 수 있느냐가 중요한 것 같습니다.
잘보고있습니다🎉 프레이머님 ㅎㅎ
감사합니다! 퓨처플로우님ㅎ 저도 다른 계정으로 잘 보고 있답니다 :)
성지순례 왔습니다 ㅋㅋㅋ
2024년에는 피그마 인터페이스가 프레이머와 비슷해졌습니다...
질문이 있어요 웹사이트 제작 초짜입니다. 프레이머를 사용하면 좋을것 같아요. 저희가 도메인은 보유하고 있는데 퍼블리싱된 주소를 연결하여 호스팅하는 방법 궁금합니다. 그리고최근에 카페24에 호스팅과 워드프레스 패키지 를 결제했답니다. 그런데 템플릿으로 제작하는 것이 마음에 들지 않아서 프레이머를 공부해보려 합니다만. 호스팅 관련 서비스 연동을 어떻게 할지 궁금합니다. 너무 무식한 초짜질문이라 ㅜㅜ
Framer는 A코드 와 CNAME을 제공합니다. 이걸 카페24와 같이 도메인을 구입하신 곳에 들어가셔서 입력해주시면 됩니다. 아래 링크를 참고해보세요!
www.framer.com/help/articles/how-to-connect-a-custom-domain/
잘 봤습니다. 몇가지 질문이 있어요.
1. 프레이머로 커뮤니티 사이트를 만들면 더욱 빠르고 효율적일까요? 커뮤니티 게시판 UI/UX를 프레이머에서 디자인해 두면 백엔드 프로그래머가 빠르게 연동할 수 있는지 궁금합니다.
2. 그리고 프레이머와 친화적인 웹 프로그래밍 언어가 따로 있는지도 알고 싶습니다.
3. 프레이머 시작하기는 총 몇화 정도로 예정되어 있나요?
1. 제가 개발자가는 아니라서 정확하게 빠르다 어떻다 말씀드리기가 좀 어렵네요ㅠ 다만, 아직 개발에 있어서 몇가지 기능적인 어려움이 있어보여요. 프레이머는 노코딩에 따른 컴포넌트 제공에 아직 치중되어 있거든요. 대신, 와이어프레임의 실제 구현과 CSS 정보를 바탕으로 개발자에게 빠르게 보여준다는 점 정도 말씀드릴 수 있을 거 같아요. 프레이머로 커뮤니티 사이트 제작하는 방법은 저도 계속 찾아보고 있습니다. 추후에 영상으로도 만들어볼게요!
2. 친화적인 건 아무래도 HTML이지 않을까 싶습니다. 가장 최근 업데이트 내용도 그렇고 프레이머 커뮤니티를 보면 HTML 정보가 가장 많아요!
3. 프레이머 시작하기는 총 10화로 계획했는데요. 기본적인 내용에 약간의 응용을 더해 툴 운용이 가능한 정도가 콘텐츠의 목표입니다. 이후에는 좀 더 복잡하고 다채로운 활용에 대해 다뤄볼 예정입니다!
@@homestudioframer 답변 고맙습니다. 프레이머 컴포넌트가 어떤 개념인지 저는 아직 모르지만 아마 사이트를 모듈식으로 조립하는 개념이라면 누군가 게시판 컴포넌트를 만들어 올리고 다른 사람들이 그것을 붙여넣기만 하면 간단하게 커뮤니티를 구현할 수 있는 그런 게 되면 좋겠네요. 요즘 노코딩으로 쇼핑몰 조립하는 사이트가 그런식으로 잘 되어있더라고요. 네이버 카페도 간단한 수준에서는 레이아웃을 드래그 앤 드롭으로 바꿀 수 있고요. 아니면 옛날에 제로보드 처럼 만들수도 있겠고요. 프레이머라면 그런 게 가능해지지 않을까 생각되네요. 그러면 사업 영역이 쇼핑몰, 카페로 커지면서 프레이머 측에서도 수익성이 좋을 것 같거든요. 지속적으로 관심 가지고 지켜보겠습니다. 구독했습니다.
감사합니다~
음 피그마도 버튼만 누르면 퍼블리싱이 될 수 있는 플러그인들이 많아요.
근데 쓸만한 플러그인 가격이 20만원/월 이라서, 1인 개발자입장에서는 프레이머로 만들고 추후 수정하는게 나을수도 있겠네요.
저는 피그마로 만들고 플러그인써서, React로 변환한다음에, 코드 리팩토링을 하는 구조로 일했었어요.
좋아하는 유튜버 프레이머 쓰길래, 찾아봤는데 프레이머 장점은 화려한 애니메이션이 아닐까 싶어요.
그렇군요!! 몰랐던 사실인데 역시 피그마.. 저도 인터랙션 면에서 큰 강점이라고 생각해요!
@@homestudioframer 인터랙션 너무 재미난거 같아요ㅋㅋㅋ 시간될 때 정주행하겠습니다. 좋은 채널 감사합니다!
안녕하세요~ 혹시 아임웹이라는 웹빌더도 아신다면 장단점 비교가 가능할까요? 저는 프레이머를 거의 처음 접해보지만 AI가 금방 짜주는 레이아웃과 그리드 방식의 아임웹보다 더 자유로운 레이아웃 편집기능이 아임웹에 비해 더 장점인 것 같고, 단점이라면 아무래도 해외 툴이다보니 접근성과 홈페이지 제작 요청을 하는 사람들의 신뢰? 정도이지 않을까 싶습니다
제가 말씀하신 툴을 모두 직접 사용해보진 못해서 정확히 다 나열해드릴 수는 없을 거 같아요. 다만, 저도 여기저기 찾아보고 들어본 걸 바탕으로는 말씀하신대로 자유로운 디자인에서 가장 큰 강점을 가지고 있는 것 같습니다. 국내에도 프레이머로 작업하시는 분들이 꽤 숨어계세요!ㅋㅋㅋ
안녕하세요 궁금한게 있는데 프레이머 노코딩으로 작성한 페이지를 css나 리액트 코드로 추출하는 기능은 없나요?
해당 페이지 레이어를 선택하시고 우측 편집창 제일 하단으로 내려가 보시면 Handoff를 펼쳐보실 수 있습니다. 거기서 CSS를 복사해 가실 수 있어요!
@@homestudioframer 이미지로 추출하는 Export는 있는데요. 코드를 볼 수 있는 곳은 없어요. ㅠ.ㅠ 왤까요?
토스 앱처럼 버튼을 눌렀을 때, 눌리는 효과 같은건 코드를 입력해야하나요??
아뇨! 컴포넌트 인터랙션을 활용해서 구현할 수 있습니다!
사이트에 영상 사진 많이 올릴 예정이라면 프레이머는 쓰레기임.
영상은 aws나 클라우드, 아니면 유튜브다 비메오를 사용 추천드리고 이미지는 Figma에서 복사해 가져오시면 용량에 상관없이 최적화 됩니당