피그마튜터 하이서(@figma_tutor) 인스타그램 상세 프로필 분석: 팔로워 59,053, 참여율 2.08%

피그마에서 픽셀아트(pixel art) 쉽게 만드는 방법🌱🎨이미지/벡터를 픽셀아트로 만들어주는 피그마 플러그인 2종🔥 피그마에서 픽셀 아트를 지원하는 플러그인은 엄청나게 많지만, 저는 무료 플러그인중 아래 2가지 추천드려요오 📌Pixels 이미지를 픽셀로 만들어주는 플러그인 픽셀로 만든 이미지를 바로 벡터로 만들수 있음 📌Pixel princess 벡터를 픽셀로 만들어주는 플러그인 벡터를 선택하고 좌측 상단의 apply pixelation 토글을 켜면 픽셀이 반영됩니다! #피그마플러그인 #figmaplugins #pixelart #픽셀아트 #피그마사용법

여러분은 이번 피그마 업데이트 어떻게 보셨나요?🤓 이번 config에서만 신규 프로덕트 3개가 추가됐으니 규모가 역대급이긴 한 것 같네요! 저는 기존 IDE툴과 다르게 특정 부분 선택해서 수정할수 있는 부분이 가장 인상 깊더라구요! 앞으로 예정된 기능들이 꽤 있다고 하니 기대가 됩니다☺️👍 요약 정리한 내용도 공유합니다🙌 1. Make – AI 기반 코드 생성 도구 - 프롬프트를 기반으로 코드화 할 수 있는 AI기반의 IDE - 피그마 디자인을 복사붙여넣기 해서 개발할 수 있음 - 커서 에딧: 중간 수정 시 코드가 아닌 툴바/프롬프트등을 활용해서 선택한부분 수정 가능 -설정에서 간단하게 ga를 심을수 있고 메타 데이터, og이미지,파비콘 등을 설정할 수 있어요 
 2. Site – 웹사이트 퍼블리싱 도구 - 피그마 디자인을 웹으로 퍼블리싱 할 수 있는 기능 - 스크롤 패럴렉스, 타이핑, 마르크 등의 인터랙션 기능 지원 - 사이트와 ui템플릿을 제공 
 3. Draw Mode – 향상된 벡터 그래픽 기능 - Text to Path, Brush, Pattern Fill, Repeats, Noise & Progressive Blur, Lasso Tool. Stroke variable(예정) 등의 기능을
지원하여 벡터 기능이 개선되었습니다. - 선을 슬라이더로 조정하는 등 그래픽 작업에 최적화된 인터페이스를 제공합니다.
 4. Buzz – 콘텐츠 템플릿 제작 및 공유 도구 - 콘텐츠 템플릿을 만들고 발행하여 사용할 수 있는 기능을 제공합니다. - 콘텐츠를 섹션별로 묶어서 관리하고 내보내기 할 수 있습니다. - 다양한 템플릿을 가져와서 사용할 수 있으며, 팀 라이브러리도 공유하여 사용할 수 있습니다. - 콘텐츠 데이터를 엑셀에 연결해서 벌크로 베리에이션 하는 기능을 지원합니다. 
 5. Layout – 반응형 웹 그리드 기능 - 오토 레이아웃이 컨테이너 블록을 구성하여 반응형 구현이 가능해졌습니다. - 복잡하게 프레임을 구성하지 않아도 반응형 웹 디자인을 손쉽게 구현할 수 있습니다. - 오토 레이아웃을 유지하면서 Z-index를 바꿀수 있어요. 
 6. AI 기능 업데이트 – 이미지 편집 및 콘텐츠 생성 기능 강화 - 이미지 편집을 이어서 할 수 있도록 개선되었으며, - 프롬프트를 통해 콘텐츠 채우기를 더욱 맥락에 맞게 사용할 수 있습니다.

솔직히 난 누가 작업했냐 물어보면 이렇게 생각한다?🤔 #figmadesign #피그마사용법 #반응형웹 #responsivewebdesign #responsivedesign

바이브 코딩한 작업물 편집 가능한 디자인으로 가져오기😎 보통 작업된 디자인➡️바이브 코딩순으로 많이 작업 하시지만 바이브 코딩된 작업물➡️디자인 편집도 은근 필요하신것 같아서 가져와봤습니다! 방법은 완전 간단해요🪄 1️⃣Figma make에서 publish해서 링크 생성 2️⃣Figma로 가서 html.to.design에 링크 넣고 import 누르면 끝! 저장해두셨다가 와이어 프레임 만드실때나 바이브코딩 작업물 원본 디자인으로 필요할 때 사용해보세요! 심심하면 퀴즈도 풀어보고 가세요😎 웹 링크로 html 소스를 가져올 수 있는 피그마 플러그인을 맞춰보세요! #피그마 #피그마플러그인 #바이브코딩 #figmaplugins #figmaplugin #피그마사용법 #figmamake #피그마메이크

10년차 디자이너가 부담을 줄이는 꿀팁🍯 저런 3D 느낌 페이지는 왠지 디자인이나 개발 엄청 잘해야 만들 수 있을것 같잖아요..?🙄 사실 초보도 쉽게 만들수 있습니다! 제가 알려드린 대로만 따라와 보세요🫶 초보도 따라할 수 있는 3D 느낌의 웹페이지 만들기 1️⃣figma에서 plugin을 켜고 vecto3d 실행 Mod 탭에서 mockup-life메뉴 실행하고 내 디자인 선택 후 Extract from figma클릭! 2️⃣화면 녹화로 목업 돌리는 영상 촬영(저는 맥 화면 녹화 썼어요) 3️⃣figma에 네모나 프레임 그리고 fill-video로 녹화한 영상 가져오기 4️⃣오른쪽의 프로토타입 탭 켜고, 영상에 아래와 같이 프로토타입 걸기 Mouse enter,play(마우스 올리면 재생) / Mouse leave,pause (마우스 나가면 멈춤) 다 하고 shift spacebar 눌러서 실행해보면 커서가 올라갔을때만 플레이되는 영상 완성✌️ 내 웹 디자인에 넣어서 재미있는 페이지 만들어보세요! #피그마 #피그마플러그인 #figmaplugin #figmaplugins #웹디자인 #웹사이트디자인 #웹디자이너 #3dweb #3d디자인

#유료리뷰 어떤 AI를 ‘어떻게’ 쓰느냐가 일의 퀄리티를 좌우하는 시대. 이젠 누구나 AI를 잘 쓸 수 있어야 합니다. LG유플러스는 Galaxy Z Fold7 | Z Flip7 구매 고객에게 ‘유독 Pick AI’ 에서도 실사용 만족도가 높은 라이너+캔바를 6개월간 무료 제공! (월 33,800원 , 6개월 총 20만원 상당) 🔍 라이너(Liner) 전 세계 정확도 1위 AI 검색 서비스* (*정확도 95.3% SimpleQA 벤치마크 결과 기준) 단순히 요약하는 걸 넘어서, 정보 분석부터 텍스트 생성까지 커버해줍니다.논문, 리포트, 시장 분석 자료 등에 강력한 도구예요. 🎨 캔바(Canva) 누구나 쉽게 만드는 디자인 AI플랫폼 AI 기반 추천과 자동 배치 기능으로 누구나 브랜드 콘텐츠, 발표자료, 인스타 피드를 감각 있게 만들 수 있어요. 특히 디자이너가 아닌 마케터/학생/강사에게 강력 추천! 🗓 기간: 7월 22일~9월 30일 / 선착순 1만 명, 소진 시 종료 🧾 이후 월 11,900원으로 전환 Galaxy Z Fold7 | Z Flip7은 AI 잘하는 유플러스에서 #LG유플러스 #AI는유플이잘해 #갤럭시는유플이잘해 #유독PickAI #라이너 #캔바

안녕하세요, 피피팀 비비 ✨입니다. Figma Make와 Site의 활용 가능성, 궁금한 분들이 많을텐데요 오늘은 피그마 홈페이지에서 소개하는 총 35가지 make & site 프로젝트 중에서 6가지 유니크한 작업물을 소개해드릴게요. 창의적인 아이디어를 실제로 구현하고 싶은데 어떤 방향으로 시작해야 할지 고민이라면? 이 프로젝트들이 훌륭한 영감을 줄 거예요! 🖼️ 📍3D beat synth 🔗 https://rigor-apply-render.figma.site/ - 핸드 트래킹 연동으로 3D 도형과 사운드 생성 - 카메라 실시간 랜더링 기법으로 인터랙션 효과 #justforfun #make 📍Pixel Editor 🔗 https://red-drop-56077636.figma.site/ - 픽셀 아트 디자인 직접 제작 및 파일 내보내기 지원 - frame 기반으로 간단한 애니메이션 편집 가능 #app #make 📍World Peas Grocery App 🔗 https://jog-rice-16263441.figma.site/ - 인터랙션 돋보이는 구매여정 프로토타입 - 키보드입력, 조건식 등 고급 프로토타입 구현 가능 #prototype #make 📍Mini Mining Game 🔗 https://config.sanghyo.xyz/drill-down - Make와 Site로 만든 레트로 드릴 게임 - 노코딩으로 게임 제작 후기 & 가이드 공유 #gmae #make #site 📍Make Garden 🔗 https://www.makegarden.uk/ - 개인 프로젝트와 프롬포트 아카이빙 사이트 - Make로 만든 다양한 작업물 확인 #webpage #site 📍keyboard Touch 🔗 https://campus-zone-wonder.figma.site/ - 키보드 입력에 반응하는 수채화 물감효과 - 문자열 키 종류, 누르는 시간에 대응 #keyboard #make 참고로 갤러리에서 사용 캐이스별로 프로젝트 확인 할 수 있으니 함께 구경해보시는걸 추천드립니다. 🔗 https://www.figma.com/gallery/ 기발한 아이디어와 기획력이 돋보이는 실전 프로젝트들 어떠셨나요? 이번 콘텐츠가 피그마 작업에 좋은 참고가 되길 바랍니다! 🧭✨ 그럼 저는 다음주 연휴를 지난 후 다시 재미있는 데일리 콘텐츠로 돌아오겠습니다. 모두 즐거운 금요일 되세요

바이브 코딩으로 서비스 만드셨으면 구독이나 결제도 받아보셔야죠?😎 💳내가 만든 서비스에 결제기능 연결하기 with 피그마 메이크, 토스 페이먼츠 바이브 코딩으로 서비스는 만들었는데, 결제서비스까지 붙여보고 싶다면? 이 영상 꼭 끝까지 보세요😆 개발에 대한 지식이 없어도 복잡한 절차 없이 간단하게 결제 위젯을 붙이실수 있습니다! 1️⃣ 결제를 중개해주는 PG사에 가입합니다. 제 경우 토스 페이먼츠로 테스트 했고, 실제로 결제 위젯 붙이시려면 간단한 사업자 정보 입력과 수수료 지불이 필요합니다(30만원 정도) 2️⃣Figma make(피그마 메이크)로 결제 페이지 제작 결제하기 버튼 정도만 있어도 위젯 연결되기 때문에 하나의 화면 정도만 잡으셔도 됨. Figma 구독 안하시면 러버블 같은 툴 쓰셔두 무관 3️⃣ PG사 가입 후 API링크를 부여 받습니다. 이 링크+개발 가이드 문서 링크를 Figma make에 넣고 결제창 연결해달라고 요청하면 끝! 이후엔 Figma make가 알아서 해줘요. 요즘은 바이브 코딩툴이 너무 잘 나와서 내 아이디어를 제품화하기 좋은 세상이죠😎 혹 서비스 개발 중이거나 개발할 예정이시면 저장해뒀다가 이 방법으로 결제까지 받아보세요!

“아..이미지에서 요거만 없으면 완벽할것 같은데🤔” 포토샵,Ai툴 켜지 않고 피그마에서 불필요한 이미지 제거하는 방법🔥🔥 요즘은 툴들이 너무 좋아져서 GPT에 이미지 넣고 제거해달라고 하기만 해도 깔끔하게 싹 지워주는 시대…😳 하지만 피그마로 작업하다가 정말 간단한 이미지 수정이 필요할땐 이 Remove objects 플러그인을 써보세요🧑‍🎨 피그마 플러그인 켠 다음 필요없는 부분 슥슥 브러쉬로 칠하기만 하면 깔끔하게 지워져요! 요 플러그인도 크레딧이라는 개념이 있긴 하지만 무료로 쓸 수 있게 넉넉하게 지급되니 저장해두셨다가 간단한 이미지 수정 필요할 때 써보세유😉 #피그마 #피그마튜터 #피그마플러그인 #이미지보정 #figmaplugins #figmaplugin #removeobjects

안녕하세요 피피팀 시원🌊입니다. 이번 주에는 실무에 바로 활용할 수 있는 Figma 실력 향상 꿀팁 4가지를 소개해드릴게요.  기능을 알고 쓰는 것만으로도 작업 속도와 정교함이 크게 달라질 수 있어요! 1️⃣ 중심점(Pivot Point) 옮기기 Figma에서 오브젝트 회전이나 스케일의 기준이 되는 중심점(Pivot Point)은 기본적으로 정중앙에 위치해요. 하지만 이 기준점을 원하는 위치로 옮기면, 훨씬 직관적인 회전이나 변형 작업이 가능하답니다. 회전 커서를 활성화한 상태에서 Cmd 또는 Ctrl을 누르면 중심점이 표시돼요. 이 점을 원하는 위치로 드래그하면, 그 지점을 기준으로 오브젝트가 회전하거나 크기 조정돼요. 2️⃣ 상위/하위 레이어 쉽게 선택하기 복잡한 구조 속에서 원하는 레이어를 찾는 데 시간 낭비한 적 있으신가요? Cmd 또는 Ctrl을 누른 상태로 마우스 우클릭하면 Select Layer 창이 활성화되고, 겹쳐진 레이어들 중 필요한 레이어를 손쉽게 선택할 수 있어요. 프레임이나 그룹 안에 여러 레이어가 겹쳐있어도 정확히 원하는 레이어를 선택 가능해요. 3️⃣ 오토레이아웃 → 일반 프레임으로 변환하기 Auto Layout이 적용된 요소를 일반 프레임으로 바꾸고 싶다면, Option + Shift + A를 눌러보세요. 또는 우측 디자인 패널에서 해당 버튼을 클릭하면 간편하게 변환할 수 있어요. Auto Layout 해제 시 콘텐츠 구조는 유지되지만, 레이아웃 제약은 사라지니 주의하세요. 4️⃣ 방정식으로 수치 쉽게 바꾸기 디자인 패널에서 값을 직접 계산하지 않아도 돼요! 수치 입력 필드에 사칙연산 또는 수식을 직접 입력하면 자동으로 계산돼요. [방정식 예시] +10 → 현재 값에서 10을 더함 -20 → 현재 값에서 20을 뺌 *2 → 현재 값에서 2를 곱함 /2 → 현재 값을 반으로 나눔 ^2 → 현재 값의 2제곱 지수를 생성 (x/2)+6 → 현재 값을 2로 나눈 뒤 6 더함 (x는 현재 값) 이 네 가지 기능만 잘 익혀도, Figma 활용도가 한층 더 올라갈 거예요! 그럼 다음 주에 또 뵐게요. 좋은 하루 보내세요!

약속 있는날 퇴근 한 시간 전에 일이 들어오면 나는…? 그리고 UX writing figma plugin 만드는 방법! 팔로워분이 디엠으로 요청주셔서 한 번 만들어봤어요. 풀 버전은 피튜브에도 있으니 자료와 함께 참고해 보세요🌝 어미나 간단한 단어같은거 일일이 수정하지 마시고 바이브코딩으로 우리 서비스에 맞게 ux writing 수정해주는 피그마 플러그인 만들어보세요! 피그마 플러그인 만들기는 아래 방법대로 해보시는것 추천! 1️⃣figma.com/@figma_tutor에서 프롬프트 자료 받기 2️⃣우리 서비스 ux writing 패턴 정리(웹이면 커서에 사이트 링크 넣고 패턴 분석해 달라고 해도 됨) 3️⃣피그마 플러그인 파일 받기 figma plugin-development 메뉴에서 new plugin클릭, 파일 다운받기 4️⃣open project 누른뒤 3에서 받은 파일 열어주기 5️⃣cursor에 1에서 받은 프롬프트 입력하기 6️⃣figma plugin-development 메뉴에서import from manifest 클릭하고 플러그인 실행해보기 ✔️꼭 읽어봐야하는 오류 대응 팁 1️⃣플러그인 실행이 안될땐 오류 메시지 캡쳐해서 커서에 넣고 수정 요청하기 2️⃣ show/hide console 메뉴 열어서 오류 메시지 캡쳐해도 도움됨 3️⃣ 수정 프롬프트 쓸땐 chat gpt cursor 커스텀봇 이용하면 더 정확하게 수정할 수 있어요. https://chatgpt.com/g/g-6809fcb196348191893e5cb8fc71739c-cursor-prompt-builder 궁금한 점은 댓글에 남겨주시면 제가 도와드릴게용💕 #피그마 #피그마플러그인 #피그마플러그인만들기 #바이브코딩 #ux라이팅 #uxwriting #ui디자인 #ux디자인

[EVENT] 피그마 사이트 라이브 클래스 여러분 안녕하세요. 피그마피디아팀 입니다. 피피팀에서 피그마 사이트 라이브 클래스를 진행합니다. 이번 클래스 주제는 ‘FIGMA SITES로 2시간만에 웹 포트폴리오 만들기’입니다. 📍라이브 주제 : FIGMA SITES로 웹 포트폴리오 만들기 📍라이브 일시 : 2025년 8월 10일(일) 18:00~ / 피튜브 라이브 송출 📍참가 신청 : https://forms.gle/oBWXPMSP4zyoGYv66 📍유의 사항 : 본 클래스는 실습 위주로 진행되며 피그마 사이트는 유료 계정부터 사용이 가능한 기능입니다. 피튜브 구독 & 알림설정 해두면 잊지 않을 수 있겠죠?  많은 관심과 참여 부탁드립니다 :)